diff --git a/apps/renderer/src/router.tsx b/apps/renderer/src/router.tsx
index bdc8e02797..30d8d82671 100644
--- a/apps/renderer/src/router.tsx
+++ b/apps/renderer/src/router.tsx
@@ -16,15 +16,22 @@ if (window.SENTRY_RELEASE) {
   routerCreator = wrapCreateBrowserRouter(routerCreator)
 }
 
-export const router = routerCreator([
+export const router = routerCreator(
+  [
+    {
+      path: "/",
+      Component: App,
+      children: tree,
+      errorElement: <ErrorElement />,
+    },
+    {
+      path: "*",
+      element: <NotFound />,
+    },
+  ],
   {
-    path: "/",
-    Component: App,
-    children: tree,
-    errorElement: <ErrorElement />,
+    future: {
+      v7_startTransition: true,
+    },
   },
-  {
-    path: "*",
-    element: <NotFound />,
-  },
-])
+)
diff --git a/apps/renderer/src/router.web.tsx b/apps/renderer/src/router.web.tsx
index 39250c8aa4..034c7375b6 100644
--- a/apps/renderer/src/router.web.tsx
+++ b/apps/renderer/src/router.web.tsx
@@ -15,15 +15,22 @@ if (window.SENTRY_RELEASE) {
   routerCreator = wrapCreateBrowserRouter(routerCreator)
 }
 
-export const router = routerCreator([
+export const router = routerCreator(
+  [
+    {
+      path: "/",
+      lazy: () => import("./App"),
+      children: tree,
+      errorElement: <ErrorElement />,
+    },
+    {
+      path: "*",
+      element: <NotFound />,
+    },
+  ],
   {
-    path: "/",
-    lazy: () => import("./App"),
-    children: tree,
-    errorElement: <ErrorElement />,
+    future: {
+      v7_startTransition: true,
+    },
   },
-  {
-    path: "*",
-    element: <NotFound />,
-  },
-])
+)