React Router v7でConsoleを削除するメモ

React Router v7で謎のConsoleが出続ける React Router v7で開発していると下記コンソールが常に出ていた。 Production Buildすれば消えると思っていたので気にしなかったけど、そんなことなかったので初めて意識した。 訳すると、 > こんにちは、デベロッパーの方へ。 > > お使いのアプリがJSモジュールを読み込んだり、clientLoader関数を実行したりする際、これよりもずっと優れたUX（ユーザー体験）を提供できます。詳細については、https://reactrouter.com/start/framework/route-module#hydratefallback > をご覧ください。 とのこと。 つまりもっといい開発できますよ、ということ。 公式を見に行くと、 > 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. HydrateFallbackをエクスポートすると、初回レンダリング時、クライントローダーが完了するまで、HydrateFallbackでエクスポートしたコンポーネントを表示してくれるとのこと。 追加して、 > ずっと優れたUX（ユーザー体験）を提供でき るようになった。