ErrorComponent and NotFoundComponent head

[DJafari]

how can set head in errorComponent and notFoundComponent with ssr support ?

[schiller-manuel]

this needs much more context, please expand.

[schiller-manuel]

title is still set via head(), those components will be rendered inside the route that caused them to render

[DJafari]

so i don't have any route with /some/not/found/page path, how can set head ?

[schiller-manuel]

if you don't throw notFound yourself, then just root route will match upon a not found path and this can set head

[DJafari]

I have problem with layouts in this pattern :

routes
-- pages
---- first.tsx
---- route.tsx

routes/pages/first.tsx :

import { createFileRoute, notFound } from '@tanstack/react-router'

export const Route = createFileRoute('/pages/first')({
  beforeLoad: () => {
    throw notFound();
  },
  component: RouteComponent,
})

function RouteComponent() {
  return <div>Hello "/pages/first"!</div>
}

routes/pages/route.tsx

import { createFileRoute, Outlet } from '@tanstack/react-router'

export const Route = createFileRoute('/pages')({
  component: () => {
    return <div>
      <pre>PAGE LAYOUT</pre>
      <Outlet />
    </div>
  },
  notFoundComponent: () => {
    return <div>[PAGES] NOT FOUND</div>
  }
})

and now, navigate to :
/pages/two, you see :

PAGE LAYOUT
[PAGES] NOT FOUND

and now, navigate to /pages/first

[PAGES] NOT FOUND

when i throw to notFound, layout not loaded
i think, it's bug

@schiller-manuel

[schiller-manuel]

/pages/two does not match any route, so we try to locate the nearest match (which is /pages) and render the notfoundcomponent inside of it

/pages/first matches a route but it throws notFound(). since /pages/first does not have a notFoundComponent we walk upwards and find it in /pages and render this.