chore: update website and example dependencies (#678)

usefulthink · web-flow · commit 4fb2829b269a · 2025-01-29T12:38:39.000+01:00
* chore: update example dependencies

* chore: update website to react 19
diff --git a/examples/_template/package.json b/examples/_template/package.json
@@ -2,9 +2,9 @@
   "type": "module",
   "dependencies": {
     "@vis.gl/react-google-maps": "latest",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "vite": "^5.0.4"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "vite": "^6.0.11"
   },
   "scripts": {
     "start": "vite",
diff --git a/examples/advanced-marker-interaction/package.json b/examples/advanced-marker-interaction/package.json
@@ -2,9 +2,9 @@
   "type": "module",
   "dependencies": {
     "@vis.gl/react-google-maps": "latest",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "vite": "^5.0.4"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "vite": "^6.0.11"
   },
   "scripts": {
     "start": "vite",
diff --git a/examples/advanced-marker/package.json b/examples/advanced-marker/package.json
@@ -3,9 +3,9 @@
   "dependencies": {
     "@vis.gl/react-google-maps": "latest",
     "classnames": "^2.5.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "vite": "^5.0.4"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "vite": "^6.0.11"
   },
   "scripts": {
     "start": "vite",
diff --git a/examples/autocomplete/package.json b/examples/autocomplete/package.json
@@ -2,10 +2,10 @@
   "type": "module",
   "dependencies": {
     "@vis.gl/react-google-maps": "latest",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-widgets": "^5.8.4",
-    "vite": "^5.0.4"
+    "vite": "^6.0.11"
   },
   "scripts": {
     "start": "vite",
diff --git a/examples/basic-map/package.json b/examples/basic-map/package.json
@@ -2,9 +2,9 @@
   "type": "module",
   "dependencies": {
     "@vis.gl/react-google-maps": "latest",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "vite": "^5.0.4"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "vite": "^6.0.11"
   },
   "scripts": {
     "start": "vite",
diff --git a/examples/change-map-styles/package.json b/examples/change-map-styles/package.json
@@ -2,9 +2,9 @@
   "type": "module",
   "dependencies": {
     "@vis.gl/react-google-maps": "latest",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "vite": "^5.0.4"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "vite": "^6.0.11"
   },
   "scripts": {
     "start": "vite",
diff --git a/examples/custom-marker-clustering/package.json b/examples/custom-marker-clustering/package.json
@@ -5,10 +5,10 @@
     "@types/geojson": "^7946.0.14",
     "@types/supercluster": "^7.1.3",
     "@vis.gl/react-google-maps": "latest",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "supercluster": "^8.0.1",
-    "vite": "^5.0.4"
+    "vite": "^6.0.11"
   },
   "scripts": {
     "start": "vite",
diff --git a/examples/deckgl-overlay/package.json b/examples/deckgl-overlay/package.json
@@ -1,12 +1,12 @@
 {
   "type": "module",
   "dependencies": {
-    "@deck.gl/google-maps": "^8.9.34",
-    "deck.gl": "^8.9.34",
+    "@deck.gl/google-maps": "^9.1.0",
     "@vis.gl/react-google-maps": "latest",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "vite": "^5.0.4"
+    "deck.gl": "^9.1.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "vite": "^6.0.11"
   },
   "scripts": {
     "start": "vite",
diff --git a/examples/deckgl-overlay/src/app.tsx b/examples/deckgl-overlay/src/app.tsx
@@ -3,7 +3,7 @@ import {createRoot} from 'react-dom/client';
 
 import {APIProvider, Map} from '@vis.gl/react-google-maps';
 
-import {GeoJsonLayer} from '@deck.gl/layers/typed';
+import {GeoJsonLayer} from '@deck.gl/layers';
 import {DeckGlOverlay} from './deckgl-overlay';
 
 const DATA_URL =
diff --git a/examples/deckgl-overlay/src/deckgl-overlay.ts b/examples/deckgl-overlay/src/deckgl-overlay.ts
@@ -1,9 +1,9 @@
 import {useMap} from '@vis.gl/react-google-maps';
 import {useEffect, useMemo} from 'react';
 
-import {GoogleMapsOverlay} from '@deck.gl/google-maps/typed';
+import {GoogleMapsOverlay} from '@deck.gl/google-maps';
 
-import type {LayersList} from '@deck.gl/core/typed';
+import type {LayersList} from '@deck.gl/core';
 
 export type DeckglOverlayProps = {layers?: LayersList};
 
diff --git a/examples/directions/package.json b/examples/directions/package.json
@@ -2,9 +2,9 @@
   "type": "module",
   "dependencies": {
     "@vis.gl/react-google-maps": "latest",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "vite": "^5.0.4"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "vite": "^6.0.11"
   },
   "scripts": {
     "start": "vite",
diff --git a/examples/drawing/package.json b/examples/drawing/package.json
@@ -2,9 +2,9 @@
   "type": "module",
   "dependencies": {
     "@vis.gl/react-google-maps": "latest",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "vite": "^5.0.4"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "vite": "^6.0.11"
   },
   "scripts": {
     "start": "vite",
diff --git a/examples/extended-component-library/package.json b/examples/extended-component-library/package.json
@@ -3,17 +3,17 @@
   "dependencies": {
     "@googlemaps/extended-component-library": "^0.6.11",
     "@vis.gl/react-google-maps": "latest",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "vite": "^5.0.4"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "vite": "^6.0.11"
   },
   "scripts": {
     "start": "vite",
     "start-local": "vite --config ../vite.config.local.js",
     "build": "vite build"
   },
   "devDependencies": {
-    "@types/node": "^20.12.8",
-    "@types/react-dom": "^18.3.0"
+    "@types/node": "^22.12.0",
+    "@types/react-dom": "^19.0.3"
   }
 }
diff --git a/examples/geometry/package.json b/examples/geometry/package.json
@@ -2,9 +2,9 @@
   "type": "module",
   "dependencies": {
     "@vis.gl/react-google-maps": "latest",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "vite": "^5.0.4"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "vite": "^6.0.11"
   },
   "scripts": {
     "start": "vite",
diff --git a/examples/heatmap/package.json b/examples/heatmap/package.json
@@ -3,9 +3,9 @@
   "dependencies": {
     "@types/geojson": "^7946.0.14",
     "@vis.gl/react-google-maps": "latest",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "vite": "^5.0.4"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "vite": "^6.0.11"
   },
   "scripts": {
     "start": "vite",
diff --git a/examples/homepage-header/package.json b/examples/homepage-header/package.json
@@ -2,9 +2,9 @@
   "type": "module",
   "dependencies": {
     "@vis.gl/react-google-maps": "latest",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "vite": "^5.0.4"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "vite": "^6.0.11"
   },
   "scripts": {
     "start": "vite",
diff --git a/examples/map-3d/package.json b/examples/map-3d/package.json
@@ -3,10 +3,10 @@
   "dependencies": {
     "@turf/turf": "^7.1.0",
     "@vis.gl/react-google-maps": "latest",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "typescript": "^5.4.5",
-    "vite": "^5.0.4"
+    "vite": "^6.0.11"
   },
   "scripts": {
     "start": "vite",
diff --git a/examples/map-control/package.json b/examples/map-control/package.json
@@ -2,9 +2,9 @@
   "type": "module",
   "dependencies": {
     "@vis.gl/react-google-maps": "latest",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "vite": "^5.0.4"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "vite": "^6.0.11"
   },
   "scripts": {
     "start": "vite",
diff --git a/examples/marker-clustering/package.json b/examples/marker-clustering/package.json
@@ -3,9 +3,9 @@
   "dependencies": {
     "@googlemaps/markerclusterer": "^2.5.1",
     "@vis.gl/react-google-maps": "latest",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "vite": "^5.0.4"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "vite": "^6.0.11"
   },
   "scripts": {
     "start": "vite",
diff --git a/examples/markers-and-infowindows/package.json b/examples/markers-and-infowindows/package.json
@@ -2,9 +2,9 @@
   "type": "module",
   "dependencies": {
     "@vis.gl/react-google-maps": "latest",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "vite": "^5.0.4"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "vite": "^6.0.11"
   },
   "scripts": {
     "start": "vite",
diff --git a/examples/multiple-maps/package.json b/examples/multiple-maps/package.json
@@ -2,9 +2,9 @@
   "type": "module",
   "dependencies": {
     "@vis.gl/react-google-maps": "latest",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "vite": "^5.0.12"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "vite": "^6.0.11"
   },
   "scripts": {
     "start": "vite",
diff --git a/examples/react-wrapper-migration/package.json b/examples/react-wrapper-migration/package.json
@@ -3,9 +3,9 @@
   "dependencies": {
     "@googlemaps/react-wrapper": "^1.1.42",
     "@vis.gl/react-google-maps": "latest",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "vite": "^5.0.4"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "vite": "^6.0.11"
   },
   "scripts": {
     "start": "vite",
diff --git a/examples/remix/package.json b/examples/remix/package.json
@@ -15,25 +15,25 @@
     "@remix-run/node": "^2.14.0",
     "@remix-run/react": "^2.14.0",
     "@remix-run/serve": "^2.14.0",
-    "isbot": "^4.1.0",
-    "react": "^18.2.0",
+    "isbot": "^5.1.22",
+    "react": "^19.0.0",
     "react-dom": "^18.2.0",
     "remix-utils": "^7.7.0"
   },
   "devDependencies": {
     "@remix-run/dev": "^2.14.0",
-    "@types/react": "^18.2.20",
-    "@types/react-dom": "^18.2.7",
-    "@typescript-eslint/eslint-plugin": "^6.7.4",
-    "@typescript-eslint/parser": "^6.7.4",
+    "@types/react": "^19.0.8",
+    "@types/react-dom": "^19.0.3",
+    "@typescript-eslint/eslint-plugin": "^8.22.0",
+    "@typescript-eslint/parser": "^8.22.0",
     "@vis.gl/react-google-maps": "latest",
     "autoprefixer": "^10.4.19",
-    "eslint": "^8.38.0",
+    "eslint": "^9.19.0",
     "eslint-import-resolver-typescript": "^3.6.1",
     "eslint-plugin-import": "^2.28.1",
     "eslint-plugin-jsx-a11y": "^6.7.1",
     "eslint-plugin-react": "^7.33.2",
-    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-hooks": "^5.1.0",
     "postcss": "^8.4.38",
     "typescript": "^5.1.6",
     "vite": "^5.1.0",
diff --git a/examples/static-map/package.json b/examples/static-map/package.json
@@ -2,9 +2,9 @@
   "type": "module",
   "dependencies": {
     "@vis.gl/react-google-maps": "latest",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "vite": "^5.0.4"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "vite": "^6.0.11"
   },
   "scripts": {
     "start": "vite",
diff --git a/scripts/update-examples.sh b/scripts/update-examples.sh
@@ -11,7 +11,8 @@ for d in `find ${rootDir}/examples -type d -depth 1` ; do
     to_update=`npm outdated --json | jq -r 'to_entries[] | select(.value.wanted != .value.latest) | .key'`
 
     for pkg in $to_update ; do
-      npm install $pkg@latest
+      echo "    - update package ${pkg}"
+      npm --no-progress --silent install $pkg@latest
     done
   )
 
diff --git a/website/package-lock.json b/website/package-lock.json
diff --git a/website/package.json b/website/package.json
