TypeError: Cannot read properties of undefined (reading 'createElement') React 18 & react-leaflet 4

Viewed 44

trying to get my tests working for react-leaflet, i presume there is something wrong with my packages setup as nothing in the code suggests that the tests should be failing

enter image description here

I tried copy and pasting the MapContainer test from the actual react-leaflet repo into mine and I am still getting the same error

My package.json looks like this

 "dependencies": {
        "@emotion/react": "^11.9.0",
        "@emotion/styled": "^11.8.1",
        "@mui/icons-material": "^5.5.1",
        "@mui/material": "^5.5.3",
        "@mui/x-date-pickers": "5.0.0-beta.4",
        "@popperjs/core": "2.11.5",
        "@reduxjs/toolkit": "^1.8.2",
        "@segment/analytics-next": "~1.38.0",
        "@stripe/react-stripe-js": "^1.6.0",
        "@stripe/stripe-js": "^1.19.1",
        "autobind-decorator": "^2.4.0",
        "c3": "0.7.20",
        "classnames": "^2.3.1",
        "css-loader": "^6.5.1",
        "d3": "7.0.3",
        "d3-color": "^3.1.0",
        "date-fns": "2.28.0",
        "dom-to-svg": "^0.12.2",
        "file-saver": "^2.0.5",
        "filesize": "^8.0.6",
        "guid-typescript": "^1.0.9",
        "history": "^4.10.1",
        "intersection-observer": "^0.12.0",
        "js-cookie": "^2.2.1",
        "js-file-downloader": "1.1.22",
        "leaflet": "1.8.0",
        "lodash-es": "^4.17.21",
        "print-js": "^1.6.0",
        "query-string": "7.0.1",
        "react": "^18.2.0",
        "react-dom": "^18.2.0",
        "react-color": "^2.19.3",
        "react-csv": "~2.2.2",
        "react-device-detect": "^2.1.2",
        "react-draggable": "^4.4.4",
        "react-intersection-visible": "^2.1.0",
        "react-intl": "^6.0.4",
        "react-leaflet": "4.0.2",
        "react-lines-ellipsis": "^0.15.0",
        "react-markdown": "^6.0.3",
        "react-mentions": "^4.3.0",
        "react-perfect-scrollbar": "1.5.8",
        "react-redux": "^7.2.5",
        "react-resize-detector": "7.0.0",
        "react-router-dom": "^5.3.0",
        "react-select": "^4.3.1",
        "react-split": "^2.0.13",
        "react-window": "^1.8.6",
        "redux": "^4.2.0",
        "reselect": "~4.0.0",
        "resize-observer-polyfill": "^1.5.1",
        "rxjs": "~6.6.7",
        "store": "^2.0.12",
        "style-loader": "^3.3.0",
        "ts-loader": "~9.3.1",
        "tslib": "^2.3.1",
        "tss-react": "^3.6.2",
        "uuid": "^8.3.2"
    },
    "devDependencies": {
        "@pmmmwh/react-refresh-webpack-plugin": "^0.5.5",
        "@sentry/webpack-plugin": "^1.18.8",
        "@testing-library/jest-dom": "^5.16.5",
        "@testing-library/react": "^13.3.0",
        "@testing-library/user-event": "^14.4.3",
        "@types/c3": "0.7.4",
        "@types/classnames": "^2.2.9",
        "@types/d3": "7.0.0",
        "@types/d3-color": "1.4.1",
        "@types/file-saver": "^2.0.3",
        "@types/filesize": "^5.0.0",
        "@types/history": "^4.7.11",
        "@types/jest-when": "^3.5.0",
        "@types/js-cookie": "^2.2.7",
        "@types/leaflet": "1.7.5",
        "@types/lodash-es": "^4.17.5",
        "@types/node": "^16.11.27",
        "@types/react": "^18.0.18",
        "@types/react-dom": "^18.0.6",
        "@types/react-color": "^3.0.6",
        "@types/react-csv": "~1.1.2",
        "@types/react-intl": "^3.0.0",
        "@types/react-lines-ellipsis": "^0.15.0",
        "@types/react-mentions": "^3.3.1",
        "@types/react-redux": "^7.1.18",
        "@types/react-router-dom": "^5.1.9",
        "@types/react-select": "^3.1.2",
        "@types/react-test-renderer": "^18.0.0",
        "@types/react-window": "^1.8.5",
        "@types/redux-logger": "^3.0.9",
        "@types/store": "^2.0.2",
        "@types/testing-library__jest-dom": "5.14.5",
        "@types/uuid": "^8.3.4",
        "cross-spawn": "^7.0.3",
        "del-cli": "^4.0.1",
        "eslint": "^7.32.0",
        "eslint-import-resolver-typescript": "^2.7.1",
        "html-webpack-plugin": "^5.5.0",
        "jest": "^29.0.3",
        "jest-environment-jsdom": "^29.0.3",
        "jest-fetch-mock": "^3.0.3",
        "jest-slow-test-reporter": "1.0.0",
        "jest-when": "^3.5.1",
        "lint-staged": "^11.1.2",
        "moment": "^2.29.4",
        "nock": "^13.1.3",
        "react-refresh": "^0.13.0",
        "react-test-renderer": "^17.0.2",
        "redux-logger": "^4.0.0",
        "rimraf": "^3.0.2",
        "ts-jest": "^29.0.1",
        "typescript": "^4.6.3",
        "webpack": "^5.67.0",
        "webpack-dev-server": "^4.8.1",
        "webpack-merge": "^5.8.0",
        "xmlhttprequest": "1.8.0",
        "yargs": "^17.2.1"
    },
0 Answers
Related