Opt in to some v7 features in react-router

This eliminates some warnings and doesn't appear harmful.
daniel-ac-martin · Jan 5, 2025 · b86a7b6 · b86a7b6 · github-actions · Jan 5, 2025
1 parent 6bdaa9d
commit b86a7b6
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 2 deletions.
diff --git a/lib/client-renderer/src/index.ts b/lib/client-renderer/src/index.ts
@@ -59,11 +59,17 @@ export const hydrateOrRender: HydrateOrRender = ({
     user
   });
   const router = createBrowserRouter(routes, {
-    basename
+    basename,
+    future: {
+      v7_relativeSplatPath: true
+    }
   });
   const app = (
       h(RouterWrap, appProps,
         h(RouterProvider, {
+          future: {
+            v7_startTransition: true
+          },
           router,
           fallbackElement: h(LoadingPage, { ...appProps, routes: [] })
         }))

diff --git a/lib/component-test-helpers/src/index.ts b/lib/component-test-helpers/src/index.ts
@@ -15,6 +15,10 @@ const Providers: FC<{ children?: ReactNode, routerProps?: object }> = ({
 }) => (
   h(HelmetProvider, {},
     h(MemoryRouter, routerProps || {
+      future: {
+        v7_relativeSplatPath: true,
+        v7_startTransition: true
+      },
       initialEntries: ['/previous', '/current', '/next'],
       initialIndex: 1
     }, children) )

diff --git a/lib/server-renderer/src/index.ts b/lib/server-renderer/src/index.ts
@@ -191,7 +191,12 @@ export const reactRenderer: ReactRenderer = ({
       user: { ...user, accessToken: req.auth?.accessToken } // Add the access token separately, in order to keep it off the client
     });
     const basename = '/';
-    const { query, dataRoutes } = createStaticHandler(routes, { basename });
+    const { query, dataRoutes } = createStaticHandler(routes, {
+      basename,
+      future: {
+        v7_relativeSplatPath: true
+      }
+    });
 
     const nonce = res.nonce || '';
     const createApp = (router: Router, context: StaticHandlerContext) => (