TanStackT
TanStack•8mo ago
spotty-amber

Not Found Components not working as expected

Hey there,
i need some help with my NotFoundComponents. Somehow every route renders only the default not found component. Instead of the parent NotFoundComponent.

export const Route = createFileRoute("/_auth/_district-manager")({
  component: DistrictManagerLayout,
  validateSearch: (searchObj: DistrictManagerLayoutSearchParams) => {
    return searchObj;
  },
  loader: () => {
    queryLoader(QUERY_OPTIONS_DISTRICT_MANAGER_LAYOUT);
  },
  pendingComponent: DistrictManagerLayoutPending,
  notFoundComponent: DistrictManagerLayoutNotFound,
});
`

this is my layout. I expect that the notFoundComponent will be rendered when i visite any subroute under the /district-manager/ path so e.g. district-manager/test should render the notFoundComponent of the layout right?

Somehow the default notfound gets rendered even this is my router:

 notFoundMode: "fuzzy",
  defaultNotFoundComponent: () => (
    <AppShell.Main>Not Found Default</AppShell.Main>
  ),
`
Was this page helpful?