Error, after updating to version 1.0.0 from 0.1.4 - uncaught ReferenceError: _wrapNativeSuper is not defined

[sangeetha321]

After upgrading the react-azure-maps version, we are getting the below error. Please help to resolve this.

This issue is referenced here -> ReferenceError: _wrapNativeSuper is not defined

package.json

 "dependencies": {
    "@babel/runtime": "^7.17.8",
    "@ericblade/quagga2": "^1.6.0",
    "@google/markerclustererplus": "^4.0.1",
    "@material-ui/core": "^4.9.5",
    "@material-ui/icons": "^4.9.1",
    "@material-ui/lab": "^4.0.0-alpha.46",
    "@microsoft/applicationinsights-web": "^2.2.4",
    "@reduxjs/toolkit": "^1.7.2",
    "@types/enzyme": "^3.10.11",
    "@types/jest": "^27.4.1",
    "@types/lodash": "^4.14.168",
    "@types/node": "^17.0.22",
    "@types/react": "^17.0.41",
    "@types/react-dom": "^17.0.14",
    "@types/react-virtualized": "^9.21.11",
    "@types/styled-components": "^5.1.3",
    "@zxing/library": "0.15.2",
    "autosuggest-highlight": "^3.1.1",
    "axios": "^0.26.1",
    "azure-maps-control": "^3.0.1",
    "azure-maps-indoor": "0.1.2",
    "azure-maps-rest": "^2.0.5",
    "body-scroll-lock": "^2.6.1",
    "classnames": "^2.3.1",
    "connected-react-router": "^6.7.0",
    "core-js": "^3.6.4",
    "env-cmd": "^10.1.0",
    "es6-shim": "^0.35.3",
    "focus-visible": "^5.2.0",
    "formik": "2.2.9",
    "fstream": "1.0.12",
    "geolib": "^3.3.1",
    "google-maps-react": "^2.0.2",
    "guid-typescript": "^1.0.9",
    "is_js": "^0.9.0",
    "js-cookie": "^2.2.0",
    "js-hash-code": "^1.0.0",
    "json2csv": "^4.2.1",
    "jsonpath": "^1.0.2",
    "jsts": "^2.1.0",
    "lodash": "^4.17.15",
    "merge-prop-functions": "^1.1.0",
    "moment": "^2.22.2",
    "moment-timezone": "^0.5.26",
    "oidc-client": "^1.11.5",
    "papaparse": "^5.1.1",
    "pondjs": "^0.9.0",
    "promise-throttle": "^1.0.0",
    "prop-types": "^15.6.2",
    "qs": "^6.5.2",
    "react": "17.0.2",
    "react-app-rewired": "2.1.5",
    "react-autosuggest": "^9.3.4",
    "react-azure-maps": "^1.0.0",
    "react-csv": "^1.0.14",
    "react-datepicker": "^2.14.0",
    "react-device-detect": "^1.6.2",
    "react-dom": "17.0.2",
    "react-dropzone": "^10.2.1",
    "react-error-boundary": "^3.1.1",
    "react-focus-lock": "^2.9.4",
    "react-format-text": "^1.1.1",
    "react-geolocated": "^3.0.1",
    "react-horizontal-scrolling-menu": "^2.7.1",
    "react-idle-timer": "^4.5.6",
    "react-infinite-scroll-component": "^5.0.5",
    "react-inlinesvg": "^1.2.0",
    "react-loading": "^2.0.3",
    "react-loading-overlay": "^1.0.1",
    "react-loading-skeleton": "^2.0.1",
    "react-redux": "^7.2.0",
    "react-render-html": "^0.6.0",
    "react-resizable": "^1.10.1",
    "react-router-dom": "5.1.2",
    "react-router-navigation-prompt": "^1.8.7",
    "react-scripts": "5.0.0",
    "react-select": "^3.0.8",
    "react-spinkit": "^3.0.0",
    "react-swipe-component": "^3.0.0",
    "react-table": "^6.8.0",
    "react-timeseries-charts": "^0.16.1",
    "react-virtualized": "^9.21.0",
    "redux": "^4.0.0",
    "redux-promise-middleware": "^6.1.2",
    "redux-saga": "^1.1.3",
    "redux-saga-callback": "^1.1.0",
    "redux-thunk": "^2.3.0",
    "reselect": "^4.0.0",
    "sass": "^1.49.9",
    "short-hash": "^1.0.0",
    "styled-components": "^5.0.1",
    "universal-cookie": "^4.0.3",
    "util": "^0.12.4",
    "uuid": "^3.3.2",
    "wellknown": "0.5.0",
    "why-did-you-update": "^1.0.6",
    "yup": "^0.32.11"
  },

 "devDependencies": {
    "@babel/plugin-transform-runtime": "^7.17.0",
    "@types/classnames": "^2.3.1",
    "@types/jsonpath": "^0.2.0",
    "@types/material-ui": "^0.21.9",
    "@types/react-csv": "^1.1.2",
    "@types/react-redux": "^7.1.9",
    "@types/react-router-dom": "^5.1.7",
    "@types/redux-mock-store": "^1.0.2",
    "@wojtekmaj/enzyme-adapter-react-17": "^0.6.6",
    "axios-mock-adapter": "^1.15.0",
    "crypto": "^1.0.1",
    "enzyme": "^3.11.0",
    "enzyme-redux": "^0.2.1",
    "eslint-plugin-prettier": "^4.0.0",
    "jest-canvas-mock": "2.5.0",
    "jest-junit-reporter": "^1.1.0",
    "jest-localstorage-mock": "^2.3.0",
    "prettier": "2.6.0",
    "react-app": "^1.1.2",
    "redux-devtools-extension": "^2.13.8",
    "redux-mock-store": "^1.5.3",
    "redux-saga-test-plan": "^4.0.0-rc.3",
    "sinon": "^9.0.0",
    "ts-jest": "^27.1.3",
    "typescript": "^3.9.6"
  },

[yulinscottkang]

This is a maplibre-gl-js issue. Can you try updating the browserslist configuration as described here? https://github.com/Azure/react-azure-maps/issues/159#issuecomment-1683906614

[sangeetha321]

Thanks, It fixed the maplibre-gl-js issue