useRouteContext initially undefined

[InsideGH]

Describe the bug

When loading the page, 'useRouteContext' is undefined.
When client side navigating to the page, it's defined.

Your Example Website or App

https://tanstack.com/router/latest/docs/framework/react/examples/basic-ssr-file-based

Steps to Reproduce the Bug or Issue

It's can be reproduced in the "basic-ssr-file-based" example. If you go from "home" to "post" in browser, the context is defined. If you reload the page while standing on "post" page, it's undefined.

Expected behavior

useRouteContext being defined both during SSR load and Client side routing.

Screenshots or Videos

No response

Platform

Linux

Additional context

No response

[SeanCassiere]

I've tested this using the "basic-ssr-file-based" in the sandbox below (with all the packages upgraded to latest). In the sandbox below, I was not able recreate the issue you described.

https://stackblitz.com/edit/github-djwvqx?file=src%2Froutes%2Fposts%2Findex.tsx

Please attach a minimal reproduction of the issue you facing with any steps required to replicate the scenario to observe the issue.

[lithdew]

@SeanCassiere was able to reproduce it in the sandbox you linked. Navigating to /posts and refreshing the page causes a hydration error and: PostsIndexComponent.context undefined

[SeanCassiere]

Reproduction steps:

1. Open the stackblitz example and open the preview in a new tab.
2. Directly visit /posts/.
3. Observe the error message on the screen and in the console.
4. Observe the hydration failure message in the console.

Edit: I haven't seen this behaviour on client-side rendering ONLY apps.