diff --git a/web_ui/package-lock.json b/web_ui/package-lock.json
index 7c3d1937e7..7105300bf4 100644
--- a/web_ui/package-lock.json
+++ b/web_ui/package-lock.json
@@ -55,7 +55,7 @@
         "react-hotkeys-hook": "^4.6.1",
         "react-oidc-context": "^2.3.1",
         "react-resizable-panels": "^3.0.4",
-        "react-router-dom": "^6.30.0",
+        "react-router-dom": "^6.30.1",
         "react-stately": "^3.40.0",
         "react-webcam": "^7.2.0",
         "react-zoom-pan-pinch": "^3.7.0",
@@ -20494,9 +20494,9 @@
       }
     },
     "node_modules/react-router": {
-      "version": "6.30.0",
-      "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.30.0.tgz",
-      "integrity": "sha512-D3X8FyH9nBcTSHGdEKurK7r8OYE1kKFn3d/CF+CoxbSHkxU7o37+Uh7eAHRXr6k2tSExXYO++07PeXJtA/dEhQ==",
+      "version": "6.30.1",
+      "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.30.1.tgz",
+      "integrity": "sha512-X1m21aEmxGXqENEPG3T6u0Th7g0aS4ZmoNynhbs+Cn+q+QGTLt+d5IQ2bHAXKzKcxGJjxACpVbnYQSCRcfxHlQ==",
       "license": "MIT",
       "dependencies": {
         "@remix-run/router": "1.23.0"
@@ -20509,13 +20509,13 @@
       }
     },
     "node_modules/react-router-dom": {
-      "version": "6.30.0",
-      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.30.0.tgz",
-      "integrity": "sha512-x30B78HV5tFk8ex0ITwzC9TTZMua4jGyA9IUlH1JLQYQTFyxr/ZxwOJq7evg1JX1qGVUcvhsmQSKdPncQrjTgA==",
+      "version": "6.30.1",
+      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.30.1.tgz",
+      "integrity": "sha512-llKsgOkZdbPU1Eg3zK8lCn+sjD9wMRZZPuzmdWWX5SUs8OFkN5HnFVC0u5KMeMaC9aoancFI/KoLuKPqN+hxHw==",
       "license": "MIT",
       "dependencies": {
         "@remix-run/router": "1.23.0",
-        "react-router": "6.30.0"
+        "react-router": "6.30.1"
       },
       "engines": {
         "node": ">=14.0.0"
@@ -24116,11 +24116,11 @@
       "name": "@geti/smart-tools",
       "version": "1.0.0",
       "dependencies": {
-        "@doodle3d/clipper-js": "^1.0.11",
-        "ndarray": "^1.0.19",
-        "ndarray-ops": "^1.2.2",
-        "onnxruntime-web": "^1.16.3",
-        "polylabel": "^1.1.0"
+        "@doodle3d/clipper-js": "~1.0.11",
+        "ndarray": "~1.0.19",
+        "ndarray-ops": "~1.2.2",
+        "onnxruntime-web": "~1.16.3",
+        "polylabel": "~1.1.0"
       },
       "devDependencies": {
         "@geti/config": "*",
diff --git a/web_ui/package.json b/web_ui/package.json
index 5d0252ed0d..bd34bf1997 100644
--- a/web_ui/package.json
+++ b/web_ui/package.json
@@ -53,7 +53,7 @@
     "react-hotkeys-hook": "^4.6.1",
     "react-oidc-context": "^2.3.1",
     "react-resizable-panels": "^3.0.4",
-    "react-router-dom": "^6.30.0",
+    "react-router-dom": "^6.30.1",
     "react-stately": "^3.40.0",
     "react-webcam": "^7.2.0",
     "react-zoom-pan-pinch": "^3.7.0",
diff --git a/web_ui/src/providers/infrastructure-providers.component.tsx b/web_ui/src/providers/infrastructure-providers.component.tsx
index 679c235d14..183ec0ca10 100644
--- a/web_ui/src/providers/infrastructure-providers.component.tsx
+++ b/web_ui/src/providers/infrastructure-providers.component.tsx
@@ -31,12 +31,26 @@ export const App: FC<AppProps> = ({ routes }) => {
     useFeatureFlags();
 
     const [router] = useState<RouterProviderProps['router']>(() =>
-        createBrowserRouter(createRoutesFromElements(routes.map((routesGroup) => routesGroup())))
+        createBrowserRouter(createRoutesFromElements(routes.map((routesGroup) => routesGroup())), {
+            future: {
+                v7_relativeSplatPath: true,
+                v7_fetcherPersist: true,
+                v7_normalizeFormMethod: true,
+                v7_partialHydration: true,
+                v7_skipActionErrorRevalidation: true,
+            },
+        })
     );
 
     return (
         <ThemeProvider router={router}>
-            <RouterProvider router={router} fallbackElement={<IntelBrandedLoading />} />
+            <RouterProvider
+                router={router}
+                fallbackElement={<IntelBrandedLoading />}
+                future={{
+                    v7_startTransition: true,
+                }}
+            />
             <div id='custom-notification'></div>
         </ThemeProvider>
     );