react-map-gl with Mapbox v2 fails

[zanemountcastle]

After running a Webpack build (with create-react-app), I get the following error in the browser:

Uncaught ReferenceError: y is not defined

This is a known issue with mapbox-gl using the recent Mapbox v2 release, which can be resolved for the time being using:

mapboxgl.workerClass = require("worker-loader!mapbox-gl/dist/mapbox-gl-csp-worker").default;

However, when I migrated from mapbox-gl to react-map-gl, the error reappeared and the fixes suggested here don't seem to work.

react-map-gl works just fine when run locally without building.

[kylebarron]

duplicate of #1266

[sanchezzzs]

Editing package.json worked for me. I'm using maplibre-gl

"browserslist": {
    "production": [
      "defaults",
      "not ie 11"
    ],
  },

check this: https://docs.mapbox.com/mapbox-gl-js/guides/install/#targeting-transpilation-to-es6-with-browserslist

[franciscocaballero]

Editing package.json worked for me. I'm using maplibre-gl

"browserslist": {
    "production": [
      "defaults",
      "not ie 11"
    ],
  },

check this: https://docs.mapbox.com/mapbox-gl-js/guides/install/#targeting-transpilation-to-es6-with-browserslist

Thank you! This also worked for me.

[TimMcCauley]

Editing package.json worked for me. I'm using maplibre-gl

"browserslist": {
    "production": [
      "defaults",
      "not ie 11"
    ],
  },

check this: https://docs.mapbox.com/mapbox-gl-js/guides/install/#targeting-transpilation-to-es6-with-browserslist

Indeed, also works for me using

"mapbox-gl": "^2.14.1",
"maplibre-gl": "^2.4.0",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-map-gl": "^7.0.23",