Merge pull request #468 from hotosm/build/react-19

Update app frontend dependencies, React v19, fix all typing errors, integrate hotosm/ui correctly
hotosm · Feb 11, 2025 · 84582e7 · 84582e7
2 parents 85543ee + 30b5972
commit 84582e7
Show file tree

Hide file tree

Showing 39 changed files with 1,183 additions and 1,267 deletions.
diff --git a/src/frontend/package.json b/src/frontend/package.json
@@ -3,95 +3,94 @@
     "@cyntler/react-doc-viewer": "^1.17.0",
     "@geomatico/maplibre-cog-protocol": "^0.3.1",
     "@hotosm/gcp-editor": "^0.0.9",
-    "@mapbox/mapbox-gl-draw": "^1.4.2",
+    "@mapbox/mapbox-gl-draw": "^1.5.0",
     "@mapbox/mapbox-gl-draw-static-mode": "^1.0.1",
-    "@radix-ui/react-popover": "^1.0.6",
-    "@radix-ui/react-slot": "^1.0.2",
-    "@radix-ui/react-switch": "^1.0.3",
-    "@radix-ui/react-tooltip": "^1.0.6",
+    "@radix-ui/react-popover": "^1.1.6",
+    "@radix-ui/react-slot": "^1.1.2",
+    "@radix-ui/react-switch": "^1.1.3",
+    "@radix-ui/react-tooltip": "^1.1.8",
     "@react-spring/web": "^9.7.5",
-    "@reduxjs/toolkit": "^1.9.3",
+    "@reduxjs/toolkit": "^2.5.1",
     "@tailwindcss/container-queries": "^0.1.1",
-    "@tanstack/react-query": "^4.32.6",
-    "@tanstack/react-query-devtools": "^4.32.6",
-    "@tanstack/react-table": "^8.9.3",
-    "@turf/area": "^7.0.0",
-    "@turf/bbox": "^7.0.0",
+    "@tanstack/react-query": "^5.66.0",
+    "@tanstack/react-query-devtools": "^5.66.0",
+    "@tanstack/react-table": "^8.20.6",
+    "@turf/area": "^7.2.0",
+    "@turf/bbox": "^7.2.0",
     "@turf/boolean-point-in-polygon": "^7.2.0",
-    "@turf/centroid": "^7.0.0",
-    "@turf/flatten": "^7.0.0",
-    "@turf/helpers": "^7.0.0",
-    "@turf/length": "^7.0.0",
-    "@turf/meta": "^7.0.0",
-    "@turf/transform-rotate": "^7.1.0",
-    "autoprefixer": "^10.4.14",
-    "axios": "^1.3.4",
+    "@turf/centroid": "^7.2.0",
+    "@turf/flatten": "^7.2.0",
+    "@turf/helpers": "^7.2.0",
+    "@turf/length": "^7.2.0",
+    "@turf/meta": "^7.2.0",
+    "@turf/transform-rotate": "^7.2.0",
+    "autoprefixer": "^10.4.20",
+    "axios": "^1.7.9",
     "class-variance-authority": "^0.6.1",
-    "clsx": "^2.0.0",
+    "clsx": "^2.1.1",
     "countries-list": "^3.1.1",
     "date-fns": "^2.30.0",
     "dom-to-code": "^1.5.4",
-    "dotenv": "^16.0.3",
-    "exifreader": "^4.25.0",
-    "framer-motion": "^11.2.9",
+    "dotenv": "^16.4.7",
+    "exifreader": "^4.26.1",
+    "framer-motion": "^11.18.2",
     "geojson": "^0.5.0",
     "geojson-validation": "^1.0.2",
     "html2canvas": "^1.4.1",
     "mapbox-gl-draw-cut-line-mode": "^1.2.0",
     "maplibre-gl": "^4.7.1",
-    "papaparse": "^5.4.1",
-    "react": "^18.2.0",
-    "react-datepicker": "^7.3.0",
-    "react-dom": "^18.2.0",
-    "react-error-boundary": "^4.0.4",
-    "react-hook-form": "^7.52.0",
-    "react-redux": "^8.0.5",
-    "react-router-dom": "^6.10.0",
-    "react-toastify": "^9.1.3",
+    "papaparse": "^5.5.2",
+    "react": "^19.0.0",
+    "react-datepicker": "^8.0.0",
+    "react-dom": "^19.0.0",
+    "react-error-boundary": "^5.0.0",
+    "react-hook-form": "^7.54.2",
+    "react-redux": "^9.2.0",
+    "react-router-dom": "^7.1.5",
+    "react-toastify": "^11.0.0",
     "react-transition-group": "^4.4.5",
     "redux-persist": "^6.0.0",
-    "redux-saga": "^1.2.3",
-    "shpjs": "^5.0.1",
+    "redux-saga": "^1.3.0",
+    "shpjs": "^5.0.2",
     "tailwind-merge": "^1.14.0",
-    "tailwindcss-animate": "^1.0.6",
-    "uuid": "^9.0.0",
+    "tailwindcss-animate": "^1.0.7",
+    "uuid": "^9.0.1",
     "wkt": "^0.1.1"
   },
   "devDependencies": {
-    "@babel/preset-env": "^7.26.7",
+    "@babel/preset-env": "^7.26.8",
     "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.26.0",
-    "@tanstack/eslint-plugin-query": "^4.29.4",
-    "@types/file-saver": "^2.0.5",
-    "@types/geojson": "^7946.0.10",
+    "@tanstack/eslint-plugin-query": "^4.38.0",
+    "@types/file-saver": "^2.0.7",
+    "@types/geojson": "^7946.0.16",
     "@types/geojson-validation": "^1.0.3",
-    "@types/mapbox__mapbox-gl-draw": "^1.4.0",
-    "@types/node": "^18.15.11",
-    "@types/papaparse": "^5.3.8",
-    "@types/react": "^18.0.28",
-    "@types/react-dom": "^18.0.11",
-    "@types/react-transition-group": "^4.4.6",
+    "@types/mapbox__mapbox-gl-draw": "^1.4.8",
+    "@types/node": "^22.13.1",
+    "@types/papaparse": "^5.3.15",
+    "@types/react": "^19.0.8",
+    "@types/react-dom": "^19.0.3",
+    "@types/react-transition-group": "^4.4.12",
     "@types/shpjs": "^3.4.7",
-    "@types/terraformer__wkt": "^2.0.0",
-    "@types/turf": "^3.5.32",
-    "@typescript-eslint/eslint-plugin": "^5.59.5",
-    "@typescript-eslint/parser": "^5.59.5",
+    "@types/terraformer__wkt": "^2.0.3",
+    "@typescript-eslint/eslint-plugin": "^5.62.0",
+    "@typescript-eslint/parser": "^5.62.0",
     "@vitejs/plugin-react": "^3.1.0",
     "eslint": "8.2.0",
     "eslint-config-airbnb": "19.0.4",
-    "eslint-config-prettier": "^8.8.0",
+    "eslint-config-prettier": "^8.10.0",
     "eslint-plugin-import": "2.25.3",
     "eslint-plugin-jsx-a11y": "6.5.1",
-    "eslint-plugin-prettier": "^5.0.0",
+    "eslint-plugin-prettier": "^5.2.3",
     "eslint-plugin-react": "7.28.0",
     "eslint-plugin-react-hooks": "4.3.0",
-    "lint-staged": "^13.2.2",
-    "postcss": "^8.4.23",
-    "prettier": "^3.0.2",
-    "prettier-plugin-tailwindcss": "^0.5.3",
-    "tailwindcss": "^3.3.1",
-    "typescript": "^4.9.3",
-    "vite": "^4.2.0"
+    "lint-staged": "^13.3.0",
+    "postcss": "^8.5.1",
+    "prettier": "^3.5.0",
+    "prettier-plugin-tailwindcss": "^0.5.14",
+    "tailwindcss": "^3.4.17",
+    "typescript": "^4.9.5",
+    "vite": "^4.5.9"
   },
   "peerDependencies": {
     "@hotosm/ui": "0.2.0-b6"