なつねこメモ

主にプログラミング関連のメモ帳 ♪(✿╹ヮ╹)ノ 書いてあるコードは自己責任でご自由にどうぞ。記事本文の無断転載は禁止です。

React Router v7 で Error: Objects are not valid as a React child が出続けるときは

React Router v7 でサイトを構築しようとして、なぜかずっとタイトル通りのエラーが出続けるという事象に遭遇した。

Unexpected Server Error

Error: Objects are not valid as a React child (found: object with keys {$$typeof, type, key, props, _owner, _store}). If you meant to render a collection of children, use an array instead.

サンプル通りなのにおかしいな~って思ったら、依存が抜けていた。下記 diff で解決。 dependencies で入れてほしい......。

     "@tailwindcss/vite": "^4.1.3",
     "isbot": "^5",
     "react": "^19.1.0",
+    "react-dom": "^19.1.0",
     "react-router": "^7.5.0",
     "tailwindcss": "^4"
   }

わたしはこれで1時間くらい無駄にしました。皆さんは理由がなければスターターテンプレートから動作させるのを推奨します。