事象

下記のようなエラー分がなぜか表示される。

なんで…？
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"
  }

バージョンが最新になっているか（または意図したバージョンになっているか）は
しっかり確認しましょう！
（これで何時間費やしたことか・）