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時間くらい無駄にしました。皆さんは理由がなければスターターテンプレートから動作させるのを推奨します。