errorComponent not rendering

Hi Guys. Hope you are all good.
I have a

notFoundComponent

notFoundComponent

and

errorComponent

errorComponent

errorComponent

errorComponent defined for a layout with some child routes defined in

route.tsx

route.tsx

route.tsx

route.tsx. The

notFoundComponent

notFoundComponent

is getting rendered correctly when a route is not found but when an error occurs within those child routes, instead of rendering

errorComponent

errorComponent

errorComponent

errorComponent, it's rendering

defaultErrorComponent

defaultErrorComponent

defaultErrorComponent

defaultErrorComponent defined in

router.tsx

router.tsx

router.tsx

router.tsx which is not the behavior I am expecting. Is this the correct behavior or I am missing something?