[v8] Website

examples/mapbox/custom-cursor/src/app.tsx

@@ -4,7 +4,7 @@ import {useState, useCallback} from 'react';
 import {createRoot} from 'react-dom/client';
 import Map, {MapStyle} from 'react-map-gl/mapbox';
 import ControlPanel from './control-panel';
-import MAP_STYLE from '../../../map-style-basic-v8.json';
+import MAP_STYLE from '../../map-style-basic-v8.json';
 
 const MAPBOX_TOKEN = ''; // Set your mapbox token here
 

examples/mapbox/layers/src/control-panel.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import {useState, useEffect} from 'react';
 import {fromJS} from 'immutable';
-import MAP_STYLE from '../../../map-style-basic-v8.json';
+import MAP_STYLE from '../../map-style-basic-v8.json';
 
 const defaultMapStyle: any = fromJS(MAP_STYLE);
 const defaultLayers = defaultMapStyle.get('layers');

examples/mapbox/zoom-to-bounds/src/map-style.tsx

@@ -4,7 +4,7 @@ import type {
   LineLayerSpecification
 } from 'react-map-gl/mapbox';
 
-import MAP_STYLE from '../../../map-style-basic-v8.json';
+import MAP_STYLE from '../../map-style-basic-v8.json';
 
 const sfNeighborhoods: GeoJSONSourceSpecification = {
   type: 'geojson',

examples/maplibre/custom-cursor/src/app.tsx

@@ -4,7 +4,7 @@ import {useState, useCallback} from 'react';
 import {createRoot} from 'react-dom/client';
 import {Map, MapStyle} from 'react-map-gl/maplibre';
 import ControlPanel from './control-panel';
-import MAP_STYLE from '../../../map-style-basic-v8.json';
+import MAP_STYLE from '../../map-style-basic-v8.json';
 
 const initialViewState = {
   longitude: -122.48,

examples/maplibre/layers/src/control-panel.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import {useState, useEffect} from 'react';
 import {fromJS} from 'immutable';
-import MAP_STYLE from '../../../map-style-basic-v8.json';
+import MAP_STYLE from '../../map-style-basic-v8.json';
 
 const defaultMapStyle: any = fromJS(MAP_STYLE);
 const defaultLayers = defaultMapStyle.get('layers');