fix: Add React Router future flags for flow auto-generated routes file (

#20641)
vaadin · Dec 9, 2024 · 7fb42bb · 7fb42bb
1 parent c5e53e5
commit 7fb42bb
Showing 1 changed file with 15 additions and 1 deletion.
diff --git a/flow-server/src/main/resources/com/vaadin/flow/server/frontend/routes-flow.tsx b/flow-server/src/main/resources/com/vaadin/flow/server/frontend/routes-flow.tsx
@@ -12,7 +12,21 @@ import { serverSideRoutes } from 'Frontend/generated/flow/Flow';
 function build() {
     const routes = [...serverSideRoutes] as RouteObject[];
     return {
-        router: createBrowserRouter([...routes], { basename: new URL(document.baseURI).pathname }),
+        router: createBrowserRouter([...routes], {
+            basename: new URL(document.baseURI).pathname,
+            future: {
+                // eslint-disable-next-line camelcase
+                v7_fetcherPersist: true,
+                // eslint-disable-next-line camelcase
+                v7_normalizeFormMethod: true,
+                // eslint-disable-next-line camelcase
+                v7_partialHydration: true,
+                // eslint-disable-next-line camelcase
+                v7_relativeSplatPath: true,
+                // eslint-disable-next-line camelcase
+                v7_skipActionErrorRevalidation: true,
+            },
+        }),
         routes
     };
 }