diff --git a/apps/web/src/main.tsx b/apps/web/src/main.tsx
index 07e71fa4c..77090db4a 100644
--- a/apps/web/src/main.tsx
+++ b/apps/web/src/main.tsx
@@ -30,7 +30,10 @@ ReactDOM.createRoot(document.getElementById("root")!).render(
         <PersistGate loading={<div>loading</div>} persistor={persistor}>
           <ErrorBoundary fallback={<ErrorPage />} onError={logError}>
             <ReactQueryProvider>
-              <BrowserRouter>
+              <BrowserRouter future={{
+                v7_relativeSplatPath: true,
+                v7_startTransition: true,
+              }}>
                 <DynamicDisclosureProvider>
                   <App />
                 </DynamicDisclosureProvider>
diff --git a/apps/web/src/testUtils.tsx b/apps/web/src/testUtils.tsx
index aae1995c7..4eda5a55d 100644
--- a/apps/web/src/testUtils.tsx
+++ b/apps/web/src/testUtils.tsx
@@ -79,7 +79,10 @@ const makeWrapper =
     });
 
     return (
-      <BrowserRouter>
+      <BrowserRouter future={{
+        v7_relativeSplatPath: true,
+        v7_startTransition: true,
+      }}>
         <QueryClientProvider client={new QueryClient()}>
           <Provider store={store}>
             <DynamicModalContext.Provider value={dynamicModal}>