Update examples/getting-started/react/mapbox to react-map-gl7

[jonenst]

For #8145

Background

The example previously used <DeckGL> as the parent component, but this setup no longer supports controls/plugins in react-map-gl v7. This PR adopts MapboxOverlay to insert Deck into the mapbox container and makes <Map> (aka Mapbox) the parent component. See #8146 for related doc updates.

Change List

• Upgrades react-map-gl to v7
• Adopts MapboxOverlay in the getting started with react+mapbox example.

[jonenst]

So now in the examples/get-started dir there is only for mapbox-gl.js/maplibre-gl.js

• one pure js with mapbox 1.x example (examples/get-started/pure-js/mapbox/ )
• one react-map-gl 7 with maplibre example (examples/get-started/react/mapbox/ )

There's still one last example using react-map-gl 5 in examples/layer-browser (although not as easy to run, because "This is the main testing app for deck.gl development. It can only be run against source on the current branch.")

Also git grep StaticMap or git grep MapContext still return hits, not sure if you want to keep them or clean them up:

docs/api-reference/carto/basemap.md
docs/api-reference/react/deckgl.md
docs/developer-guide/animations-and-transitions.md
docs/developer-guide/view-state-transitions.md
docs/developer-guide/views.md

[cgalvan]

Hi @jonenst I'm interested in helping contribute to updating the docs and examples for mapbox and maplibre. Are you still actively working on this? If so, I'd love to collaborate.

[jonenst]

hi @cgalvan
I'm still interested in this, not sure how to proceed though

[chrisgervang]

Thanks for your contributions here and on #8146. The project's been heavily prioritizing core changes in prep for deck v9. I'll be taking upgrading our getting-started examples this week and will review this one as well in the context of v9.