diff --git a/package-lock.json b/package-lock.json
index 186b286b..d2a0563e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,8 +12,8 @@
                 "custom-model-editor": "github:graphhopper/custom-model-editor#3a46b6981d170b7eb70d621bbb92caed149e5a97",
                 "geojson": "^0.5.0",
                 "heightgraph": "github:easbar/Leaflet.Heightgraph#5f4f0b1fff3646aa071981381f5955c9e6f111f0",
-                "ol": "9.2.3",
-                "ol-mapbox-style": "12.3.2",
+                "ol": "10.2.1",
+                "ol-mapbox-style": "12.3.5",
                 "react": "^18.2.0",
                 "react-dom": "^18.2.0",
                 "react-responsive": "^9.0.0"
@@ -3325,6 +3325,11 @@
             "integrity": "sha512-EEhsLsD6UsDM1yFhAvy0Cjr6VwmpMWqFBCb9w07wVugF7w9nfajxLuVmngTIpgS6svCnm6Vaw+MZhoDCKnOfsw==",
             "dev": true
         },
+        "node_modules/@types/rbush": {
+            "version": "3.0.3",
+            "resolved": "https://registry.npmjs.org/@types/rbush/-/rbush-3.0.3.tgz",
+            "integrity": "sha512-lX55lR0iYCgapxD3IrgujpQA1zDxwZI5qMRelKvmKAsSMplFVr7wmMpG7/6+Op2tjrgEex8o3vjg8CRDrRNYxg=="
+        },
         "node_modules/@types/react": {
             "version": "18.2.9",
             "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.9.tgz",
@@ -5709,9 +5714,9 @@
             }
         },
         "node_modules/earcut": {
-            "version": "2.2.4",
-            "resolved": "https://registry.npmjs.org/earcut/-/earcut-2.2.4.tgz",
-            "integrity": "sha512-/pjZsA1b4RPHbeWZQn66SWS8nZZWLQQ23oE3Eam7aroEFGEvwKAsJfZ9ytiEMycfzXWpca4FA9QIOehf7PocBQ=="
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/earcut/-/earcut-3.0.0.tgz",
+            "integrity": "sha512-41Fs7Q/PLq1SDbqjsgcY7GA42T0jvaCNGXgGtsNdvg+Yv8eIu06bxv4/PoREkZ9nMDNwnUSG9OFB9+yv8eKhDg=="
         },
         "node_modules/ee-first": {
             "version": "1.1.1",
@@ -6919,6 +6924,7 @@
             "version": "1.2.1",
             "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
             "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
+            "dev": true,
             "funding": [
                 {
                     "type": "github",
@@ -9633,16 +9639,17 @@
             "dev": true
         },
         "node_modules/ol": {
-            "version": "9.2.3",
-            "resolved": "https://registry.npmjs.org/ol/-/ol-9.2.3.tgz",
-            "integrity": "sha512-zxCgrVUU9DWZZSa7eW2ukU6gp1ugX0K5bF+Gwuh/RKa2sQLdwOrIRjLt4NYAdM7jpHOdW1FaT68E8tosE/DC1g==",
+            "version": "10.2.1",
+            "resolved": "https://registry.npmjs.org/ol/-/ol-10.2.1.tgz",
+            "integrity": "sha512-2bB/y2vEnmzjqynP0NA7Cp8k86No3Psn63Dueicep3E3i09axWRVIG5IS/bylEAGfWQx0QXD/uljkyFoY60Wig==",
             "dependencies": {
+                "@types/rbush": "3.0.3",
                 "color-rgba": "^3.0.0",
                 "color-space": "^2.0.1",
-                "earcut": "^2.2.3",
+                "earcut": "^3.0.0",
                 "geotiff": "^2.0.7",
-                "pbf": "3.2.1",
-                "rbush": "^3.0.1"
+                "pbf": "4.0.1",
+                "rbush": "^4.0.0"
             },
             "funding": {
                 "type": "opencollective",
@@ -9650,9 +9657,9 @@
             }
         },
         "node_modules/ol-mapbox-style": {
-            "version": "12.3.2",
-            "resolved": "https://registry.npmjs.org/ol-mapbox-style/-/ol-mapbox-style-12.3.2.tgz",
-            "integrity": "sha512-Qw9I6+WHz9zBsLNm8zWWb707Y/hXrQP1fcwK86pxcX/FklwyDxAhfJAdTkINHncZ331CBEWcqvi2tzoN23dgwg==",
+            "version": "12.3.5",
+            "resolved": "https://registry.npmjs.org/ol-mapbox-style/-/ol-mapbox-style-12.3.5.tgz",
+            "integrity": "sha512-1tdq+jpzJ7BuqCeRpNV5u90X369MXDbHKpPPt0BNpbzi+4UEJ2dJIrd3eFQV9VbqvZeEIioEjyK7qOqXsUZs8w==",
             "dependencies": {
                 "@mapbox/mapbox-gl-style-spec": "^13.23.1",
                 "mapbox-to-css-font": "^2.4.1"
@@ -9946,11 +9953,10 @@
             }
         },
         "node_modules/pbf": {
-            "version": "3.2.1",
-            "resolved": "https://registry.npmjs.org/pbf/-/pbf-3.2.1.tgz",
-            "integrity": "sha512-ClrV7pNOn7rtmoQVF4TS1vyU0WhYRnP92fzbfF75jAIwpnzdJXf8iTd4CMEqO4yUenH6NDqLiwjqlh6QgZzgLQ==",
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/pbf/-/pbf-4.0.1.tgz",
+            "integrity": "sha512-SuLdBvS42z33m8ejRbInMapQe8n0D3vN/Xd5fmWM3tufNgRQFBpaW2YVJxQZV4iPNqb0vEFvssMEo5w9c6BTIA==",
             "dependencies": {
-                "ieee754": "^1.1.12",
                 "resolve-protobuf-schema": "^2.1.0"
             },
             "bin": {
@@ -10355,9 +10361,9 @@
             }
         },
         "node_modules/quickselect": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/quickselect/-/quickselect-2.0.0.tgz",
-            "integrity": "sha512-RKJ22hX8mHe3Y6wH/N3wCM6BWtjaxIyyUIkpHOvfFnxdI4yD4tBXEBKSbriGujF6jnSVkJrffuo6vxACiSSxIw=="
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/quickselect/-/quickselect-3.0.0.tgz",
+            "integrity": "sha512-XdjUArbK4Bm5fLLvlm5KpTFOiOThgfWWI4axAZDWg4E/0mKdZyI9tNEfds27qCi1ze/vwTR16kvmmGhRra3c2g=="
         },
         "node_modules/randombytes": {
             "version": "2.1.0",
@@ -10414,11 +10420,11 @@
             }
         },
         "node_modules/rbush": {
-            "version": "3.0.1",
-            "resolved": "https://registry.npmjs.org/rbush/-/rbush-3.0.1.tgz",
-            "integrity": "sha512-XRaVO0YecOpEuIvbhbpTrZgoiI6xBlz6hnlr6EHhd+0x9ase6EmeN+hdwwUaJvLcsFFQ8iWVF1GAK1yB0BWi0w==",
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/rbush/-/rbush-4.0.1.tgz",
+            "integrity": "sha512-IP0UpfeWQujYC8Jg162rMNc01Rf0gWMMAb2Uxus/Q0qOFw4lCcq6ZnQEZwUoJqWyUGJ9th7JjwI4yIWo+uvoAQ==",
             "dependencies": {
-                "quickselect": "^2.0.0"
+                "quickselect": "^3.0.0"
             }
         },
         "node_modules/rc": {
@@ -15330,6 +15336,11 @@
             "integrity": "sha512-EEhsLsD6UsDM1yFhAvy0Cjr6VwmpMWqFBCb9w07wVugF7w9nfajxLuVmngTIpgS6svCnm6Vaw+MZhoDCKnOfsw==",
             "dev": true
         },
+        "@types/rbush": {
+            "version": "3.0.3",
+            "resolved": "https://registry.npmjs.org/@types/rbush/-/rbush-3.0.3.tgz",
+            "integrity": "sha512-lX55lR0iYCgapxD3IrgujpQA1zDxwZI5qMRelKvmKAsSMplFVr7wmMpG7/6+Op2tjrgEex8o3vjg8CRDrRNYxg=="
+        },
         "@types/react": {
             "version": "18.2.9",
             "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.9.tgz",
@@ -17161,9 +17172,9 @@
             }
         },
         "earcut": {
-            "version": "2.2.4",
-            "resolved": "https://registry.npmjs.org/earcut/-/earcut-2.2.4.tgz",
-            "integrity": "sha512-/pjZsA1b4RPHbeWZQn66SWS8nZZWLQQ23oE3Eam7aroEFGEvwKAsJfZ9ytiEMycfzXWpca4FA9QIOehf7PocBQ=="
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/earcut/-/earcut-3.0.0.tgz",
+            "integrity": "sha512-41Fs7Q/PLq1SDbqjsgcY7GA42T0jvaCNGXgGtsNdvg+Yv8eIu06bxv4/PoREkZ9nMDNwnUSG9OFB9+yv8eKhDg=="
         },
         "ee-first": {
             "version": "1.1.1",
@@ -18085,7 +18096,8 @@
         "ieee754": {
             "version": "1.2.1",
             "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
-            "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA=="
+            "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
+            "dev": true
         },
         "ignore": {
             "version": "5.2.4",
@@ -20101,22 +20113,23 @@
             "dev": true
         },
         "ol": {
-            "version": "9.2.3",
-            "resolved": "https://registry.npmjs.org/ol/-/ol-9.2.3.tgz",
-            "integrity": "sha512-zxCgrVUU9DWZZSa7eW2ukU6gp1ugX0K5bF+Gwuh/RKa2sQLdwOrIRjLt4NYAdM7jpHOdW1FaT68E8tosE/DC1g==",
+            "version": "10.2.1",
+            "resolved": "https://registry.npmjs.org/ol/-/ol-10.2.1.tgz",
+            "integrity": "sha512-2bB/y2vEnmzjqynP0NA7Cp8k86No3Psn63Dueicep3E3i09axWRVIG5IS/bylEAGfWQx0QXD/uljkyFoY60Wig==",
             "requires": {
+                "@types/rbush": "3.0.3",
                 "color-rgba": "^3.0.0",
                 "color-space": "^2.0.1",
-                "earcut": "^2.2.3",
+                "earcut": "^3.0.0",
                 "geotiff": "^2.0.7",
-                "pbf": "3.2.1",
-                "rbush": "^3.0.1"
+                "pbf": "4.0.1",
+                "rbush": "^4.0.0"
             }
         },
         "ol-mapbox-style": {
-            "version": "12.3.2",
-            "resolved": "https://registry.npmjs.org/ol-mapbox-style/-/ol-mapbox-style-12.3.2.tgz",
-            "integrity": "sha512-Qw9I6+WHz9zBsLNm8zWWb707Y/hXrQP1fcwK86pxcX/FklwyDxAhfJAdTkINHncZ331CBEWcqvi2tzoN23dgwg==",
+            "version": "12.3.5",
+            "resolved": "https://registry.npmjs.org/ol-mapbox-style/-/ol-mapbox-style-12.3.5.tgz",
+            "integrity": "sha512-1tdq+jpzJ7BuqCeRpNV5u90X369MXDbHKpPPt0BNpbzi+4UEJ2dJIrd3eFQV9VbqvZeEIioEjyK7qOqXsUZs8w==",
             "requires": {
                 "@mapbox/mapbox-gl-style-spec": "^13.23.1",
                 "mapbox-to-css-font": "^2.4.1"
@@ -20337,11 +20350,10 @@
             "dev": true
         },
         "pbf": {
-            "version": "3.2.1",
-            "resolved": "https://registry.npmjs.org/pbf/-/pbf-3.2.1.tgz",
-            "integrity": "sha512-ClrV7pNOn7rtmoQVF4TS1vyU0WhYRnP92fzbfF75jAIwpnzdJXf8iTd4CMEqO4yUenH6NDqLiwjqlh6QgZzgLQ==",
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/pbf/-/pbf-4.0.1.tgz",
+            "integrity": "sha512-SuLdBvS42z33m8ejRbInMapQe8n0D3vN/Xd5fmWM3tufNgRQFBpaW2YVJxQZV4iPNqb0vEFvssMEo5w9c6BTIA==",
             "requires": {
-                "ieee754": "^1.1.12",
                 "resolve-protobuf-schema": "^2.1.0"
             }
         },
@@ -20619,9 +20631,9 @@
             "integrity": "sha512-S27GBT+F0NTRiehtbrgaSE1idUAJ5bX8dPAQTdylEyNlrdcH5X4Lz7Edz3DYzecbsCluD5zO8ZNEe04z3D3u6Q=="
         },
         "quickselect": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/quickselect/-/quickselect-2.0.0.tgz",
-            "integrity": "sha512-RKJ22hX8mHe3Y6wH/N3wCM6BWtjaxIyyUIkpHOvfFnxdI4yD4tBXEBKSbriGujF6jnSVkJrffuo6vxACiSSxIw=="
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/quickselect/-/quickselect-3.0.0.tgz",
+            "integrity": "sha512-XdjUArbK4Bm5fLLvlm5KpTFOiOThgfWWI4axAZDWg4E/0mKdZyI9tNEfds27qCi1ze/vwTR16kvmmGhRra3c2g=="
         },
         "randombytes": {
             "version": "2.1.0",
@@ -20668,11 +20680,11 @@
             }
         },
         "rbush": {
-            "version": "3.0.1",
-            "resolved": "https://registry.npmjs.org/rbush/-/rbush-3.0.1.tgz",
-            "integrity": "sha512-XRaVO0YecOpEuIvbhbpTrZgoiI6xBlz6hnlr6EHhd+0x9ase6EmeN+hdwwUaJvLcsFFQ8iWVF1GAK1yB0BWi0w==",
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/rbush/-/rbush-4.0.1.tgz",
+            "integrity": "sha512-IP0UpfeWQujYC8Jg162rMNc01Rf0gWMMAb2Uxus/Q0qOFw4lCcq6ZnQEZwUoJqWyUGJ9th7JjwI4yIWo+uvoAQ==",
             "requires": {
-                "quickselect": "^2.0.0"
+                "quickselect": "^3.0.0"
             }
         },
         "rc": {
diff --git a/package.json b/package.json
index f08fc0ee..f7954fae 100644
--- a/package.json
+++ b/package.json
@@ -18,8 +18,8 @@
         "custom-model-editor": "github:graphhopper/custom-model-editor#3a46b6981d170b7eb70d621bbb92caed149e5a97",
         "geojson": "^0.5.0",
         "heightgraph": "github:easbar/Leaflet.Heightgraph#5f4f0b1fff3646aa071981381f5955c9e6f111f0",
-        "ol": "9.2.3",
-        "ol-mapbox-style": "12.3.2",
+        "ol": "10.2.1",
+        "ol-mapbox-style": "12.3.5",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "react-responsive": "^9.0.0"
diff --git a/src/layers/UseQueryPointsLayer.tsx b/src/layers/UseQueryPointsLayer.tsx
index a2cc14ae..48973ea8 100644
--- a/src/layers/UseQueryPointsLayer.tsx
+++ b/src/layers/UseQueryPointsLayer.tsx
@@ -85,7 +85,7 @@ function removeDragInteractions(map: Map) {
         .forEach(i => map.removeInteraction(i))
 }
 
-function addDragInteractions(map: Map, queryPointsLayer: VectorLayer<Feature<Geometry>>) {
+function addDragInteractions(map: Map, queryPointsLayer: VectorLayer<VectorSource<Feature<Geometry>>>) {
     let tmp = queryPointsLayer.getSource()
     if (tmp == null) throw new Error('source must not be null') // typescript requires this
     const modify = new Modify({