Enable react-router future flags

This is to prepare for react-router v7
pvcnt · Nov 2, 2024 · 9d2e5d2 · 9d2e5d2
1 parent eb37883
commit 9d2e5d2
Showing 1 changed file with 11 additions and 3 deletions.
diff --git a/apps/webapp/src/main.tsx b/apps/webapp/src/main.tsx
@@ -13,7 +13,7 @@ import Settings from "./routes/settings.tsx";
 import Stars from "./routes/stars.tsx";
 import "./main.scss";
 
-const router = createBrowserRouter([
+const routes = [
   {
     path: "/",
     element: <App />,
@@ -37,12 +37,20 @@ const router = createBrowserRouter([
       },
     ],
   },
-]);
+];
+const router = createBrowserRouter(routes, {
+  future: {
+    v7_relativeSplatPath: true,
+    v7_fetcherPersist: true,
+    v7_normalizeFormMethod: true,
+    v7_partialHydration: true,
+  }
+});
 
 ReactDOM.createRoot(document.getElementById("root")!).render(
   <React.StrictMode>
     <BlueprintProvider>
-      <RouterProvider router={router} />
+      <RouterProvider router={router} future={{v7_startTransition: true}} />
     </BlueprintProvider>
   </React.StrictMode>,
 );