{
  "$type": "site.standard.document",
  "canonicalUrl": "https://blog.nove-b.dev//posts/delete-console-react-router-v7",
  "path": "/posts/delete-console-react-router-v7",
  "publishedAt": "2025-09-08T00:00:00.000Z",
  "site": "at://did:plc:2atly2y5kfyjcj5zap6pv4wd/site.standard.publication/3mmxeqr2tcb2k",
  "tags": [
    "React Router v7",
    "Console"
  ],
  "textContent": "React Router v7で謎のConsoleが出続ける\n\nReact Router v7で開発していると下記コンソールが常に出ていた。\n\nProduction Buildすれば消えると思っていたので気にしなかったけど、そんなことなかったので初めて意識した。\n\n訳すると、\n\n> こんにちは、デベロッパーの方へ。\n>\n> お使いのアプリがJSモジュールを読み込んだり、clientLoader関数を実行したりする際、これよりもずっと優れたUX（ユーザー体験）を提供できます。詳細については、https://reactrouter.com/start/framework/route-module#hydratefallback\n> をご覧ください。\n\nとのこと。\n\nつまりもっといい開発できますよ、ということ。\n\n公式を見に行くと、\n\n> On initial page load, the route component renders only after the client loader\n> is finished. If exported, a HydrateFallback can render immediately in place of\n> the route component.\n\nHydrateFallbackをエクスポートすると、初回レンダリング時、クライントローダーが完了するまで、HydrateFallbackでエクスポートしたコンポーネントを表示してくれるとのこと。\n\n追加して、\n\n> ずっと優れたUX（ユーザー体験）を提供でき\n\nるようになった。",
  "title": "React Router v7でConsoleを削除するメモ"
}