Table of Contents
Mysterious console keeps appearing in React Router v7
When developing with React Router v7, the following console always appeared.
I didn’t worry about it because I thought it would disappear if I did Production Build, but it didn’t happen, so I became conscious of it for the first time.
💿 Hey developer 👋. You can provide a way better UX than this when your app is loading JS modules and/or running `clientLoader` functions. Check out https://reactrouter.com/start/framework/route-module#hydratefallback for more information.Translated,
Hello, developers.
Your app can provide a much better UX (user experience) when loading JS modules or executing clientLoader functions. For more information: https://reactrouter.com/start/framework/route-module#hydratefallback Please take a look.
That’s what he said.
In other words, we can develop better.
When I went to see the official
On initial page load, the route component renders only after the client loader is finished. If exported, a HydrateFallback can render immediately in place of the route component.
If you export HydrateFallback, the component exported with HydrateFallback will be displayed during the first rendering until the client loader completes.
Add
Provide a much better UX (user experience)
now.
