I am working on implementing a TypeSense search Engine in my app. When I import 'react-instantsearch' I got the error on the screenshot

import { InstantSearch } from 'react-instantsearch';

What is wrong ?

Part of my package.json :

"dependencies": {
    "@emotion/react": "^11.11.4",
    "@emotion/styled": "^11.11.5",
    "@fortawesome/fontawesome-svg-core": "^6.5.2",
    "@fortawesome/free-brands-svg-icons": "^6.5.2",
    "@fortawesome/free-regular-svg-icons": "^6.5.2",
    "@fortawesome/free-solid-svg-icons": "^6.5.2",
    "@fortawesome/react-fontawesome": "^0.2.1",
    "@mui/icons-material": "^5.15.17",
    "@types/react-instantsearch": "^6.10.4",
    "axios": "^1.7.2",
    "next": "14.2.3",
    "next-intl": "^3.14.0",
    "node-cache": "^5.1.2",
    "react": "^18",
    "react-dom": "^18",
    "react-instantsearch": "^7.9.0",
    "react-instantsearch-dom": "^6.40.4",
    "typesense": "^1.8.2",
    "typesense-instantsearch-adapter": "^2.8.0"
  },