[v8] Separate examples for mapbox and maplibre (#2469)

Author: Pessimistress

examples/filter/package.json

@@ -1,7 +1,7 @@
 /* global document */
 import * as React from 'react';
 import {createRoot} from 'react-dom/client';
-import Map, {Marker} from 'react-map-gl';
+import Map, {Marker} from 'react-map-gl/mapbox';
 
 import 'mapbox-gl/dist/mapbox-gl.css';
 

examples/geojson-animation/package.json

@@ -6,8 +6,8 @@
   "dependencies": {
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "react-map-gl": "^7.1.0",
-    "mapbox-gl": "^2.0.0"
+    "react-map-gl": "^8.0.0",
+    "mapbox-gl": "^3.5.0"
   },
   "devDependencies": {
     "typescript": "^4.0.0",

examples/get-started/basic/app.jsx

@@ -1,7 +1,7 @@
 /* global document */
 import * as React from 'react';
 import {createRoot} from 'react-dom/client';
-import Map, {Marker} from 'react-map-gl';
+import Map, {Marker} from 'react-map-gl/mapbox';
 
 import 'mapbox-gl/dist/mapbox-gl.css';
 

examples/get-started/basic/package.json

@@ -6,8 +6,8 @@
   "dependencies": {
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "react-map-gl": "^7.1.0",
-    "mapbox-gl": "^2.0.0"
+    "react-map-gl": "^8.0.0",
+    "mapbox-gl": "^3.5.0"
   },
   "devDependencies": {
     "typescript": "^4.0.0",

examples/get-started/controlled/README.md

@@ -1,7 +1,7 @@
 /* global document */
 import * as React from 'react';
 import {createRoot} from 'react-dom/client';
-import {MapProvider} from 'react-map-gl';
+import {MapProvider} from 'react-map-gl/mapbox';
 
 import Map from './map';
 import Controls from './controls';

examples/get-started/controlled/app.jsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 
 import {useCallback, useState, useEffect} from 'react';
-import {useMap} from 'react-map-gl';
+import {useMap} from 'react-map-gl/mapbox';
 
 export default function Controls() {
   /**