Fixing docs in response to react-map-gl named export change

[ironicbrew]

Background

I was working with deck.gl for the first time and wasn't able to get the "getting started" example working. Turns out the latest version of react-map-gl (8.x) doesn't export anything from "." you have to use 'react-map-gl/{'mapbox' | 'maplibre' | mapbox-legacy'} etc.

Reproduction instructions

• Using react-map-gl 8.0.1 try to implement the deck.gl react example using using import Map from 'react-map-gl'
• Terminal will error with: Internal server error: Failed to resolve entry for package "react-map-gl". The package may have incorrect main/module/exports specified in its package.json: Missing "." specifier in "react-map-gl" package

Additional Context

If you look in node_modules the package.json of react-map-gl contains the following:

  "exports": {
    "./mapbox": {
      "types": "./dist/mapbox.d.ts",
      "require": "./dist/mapbox.cjs",
      "import": "./dist/mapbox.js"
    },
    "./maplibre": {
      "types": "./dist/maplibre.d.ts",
      "require": "./dist/maplibre.cjs",
      "import": "./dist/maplibre.js"
    },
    "./mapbox-legacy": {
      "types": "./dist/mapbox-legacy/index.d.ts",
      "require": "./dist/mapbox-legacy/index.cjs",
      "import": "./dist/mapbox-legacy/index.js"
    }
  },

Change List

• I updated everywhere in the docs I believe the import to be outdated