clientLoader.hydrate doesn't work without HydrateFallback

[theMosaad]

I'm using React Router as a...

framework

Reproduction

Go to https://stackblitz.com/edit/github-2p1zyuxd?file=app%2Froutes%2Fhome.tsx,package.json and observer the initial request

System Info

stackblitz

Used Package Manager

npm

Expected Behavior

clientLoader to throw an error on initial request

Actual Behavior

clientLoader is skipped except when exporting a HydrateFallback component

[timdorr]

This is how this should work according to the documentation: https://reactrouter.com/start/framework/data-loading#using-both-loaders

[theMosaad]

Note that since we are not exporting a HydrateFallback component, we will SSR the route component and then run the clientLoader on hydration, so it's important that your loader and clientLoader return the same data on initial load to avoid hydration errors.

Source: https://reactrouter.com/how-to/client-data#client-side-caching