事象
下記のようなエラー分がなぜか表示される。
なんで…？
package.jsonのdependenciesもちゃんとインストールされている。
package.json
"dependencies": {
"@chakra-ui/icons": "^2.2.4",
"@chakra-ui/react": "^3.5.1",
"@emotion/react": "^11.14.0"
}
画面を立ち上げてみると、以下エラーが表示
解決方法
@chakra-ui/reactをアンインストールして、再インストールでバージョンを「3.8.0」に上げることでWrapも正常に機能するようになった。
（なんで3.5.1でダウンロードされてたかは謎…）
Chakra uiの公式ページを参考にコマンド押下
npm uninstall @chakra-ui/react @emotion/react
からの
npm i @chakra-ui/react @emotion/react
これでchakra-ui/reactのバージョンをpackage.jsonで確認
package.json
"dependencies": {
"@chakra-ui/icons": "^2.2.4",
"@chakra-ui/react": "^3.8.0",
"@emotion/react": "^11.14.0",
"axios": "^1.7.9",
"next-themes": "^0.4.4",
"react": "^19.0.0",
"react-dom": "^19.0.0",
"react-icons": "^5.4.0",
"react-router-dom": "^7.1.5"
}
バージョンが最新になっているか（または意図したバージョンになっているか）は
しっかり確認しましょう！
（これで何時間費やしたことか・）
