update openlayers deps

Author: karussell

package-lock.json

@@ -18,8 +18,8 @@
         "custom-model-editor": "github:graphhopper/custom-model-editor#5ebd80570329f7abfc95c39624be1f1a379cf392",
         "geojson": "^0.5.0",
         "heightgraph": "github:easbar/Leaflet.Heightgraph#5f4f0b1fff3646aa071981381f5955c9e6f111f0",
-        "ol": "10.4.0",
-        "ol-mapbox-style": "12.5.0",
+        "ol": "10.6.1",
+        "ol-mapbox-style": "13.1.0",
         "react": "^18.3.1",
         "react-dom": "^18.3.1",
         "react-responsive": "^10.0.1"

package.json

@@ -50,7 +50,7 @@ export default function useExternalMVTLayer(map: Map, externalMVTLayerEnabled: b
             },
         })
 
-        const onHover = (e: MapBrowserEvent<UIEvent>) => {
+        const onHover = (e: MapBrowserEvent<PointerEvent>) => {
             selectionSource.clear()
             const features = map.getFeaturesAtPixel(e.pixel, {
                 layerFilter: l => l === externalMVTLayer,
@@ -72,10 +72,10 @@ export default function useExternalMVTLayer(map: Map, externalMVTLayerEnabled: b
         if (externalMVTLayerEnabled) {
             map.addLayer(externalMVTLayer)
             map.addLayer(selectionLayer)
-            map.on('pointermove', onHover)
+            map.on('pointermove', onHover as any)
         }
         return () => {
-            map.un('pointermove', onHover)
+            map.un('pointermove', onHover as any)
             map.removeLayer(externalMVTLayer)
             map.removeLayer(selectionLayer)
         }

src/layers/UseExternalMVTLayer.tsx

@@ -32,7 +32,7 @@ export default function useRoutingGraphLayer(map: Map, routingGraphEnabled: bool
             zIndex: 0.6,
         })
 
-        const onHover = (e: MapBrowserEvent<UIEvent>) => {
+        const onHover = (e: MapBrowserEvent<PointerEvent>) => {
             const features = map.getFeaturesAtPixel(e.pixel, {
                 layerFilter: l => l === routingGraphLayer,
                 hitTolerance: 5,
@@ -64,11 +64,11 @@ export default function useRoutingGraphLayer(map: Map, routingGraphEnabled: bool
         if (routingGraphEnabled) {
             map.addLayer(routingGraphLayer)
             map.addLayer(selectionLayer)
-            map.on('pointermove', onHover)
+            map.on('pointermove', onHover as any)
         }
         return () => {
             Dispatcher.dispatch(new RoutingGraphHover(null, {}))
-            map.un('pointermove', onHover)
+            map.un('pointermove', onHover as any)
             map.removeLayer(routingGraphLayer)
             map.removeLayer(selectionLayer)
         }