diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 8aec6768..55c97fe7 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -1,16 +1,21 @@
 import { HomePage } from './components/HomePage';
 import './App.css';
-import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';
+import { BrowserRouter, Route, Routes } from 'react-router-dom';
 import { LandingPage } from './components/LandingPage';
 
 function App() {
   return (
-    <Router>
+    <BrowserRouter
+      future={{
+        v7_startTransition: true,
+        v7_relativeSplatPath: true,
+      }}
+    >
       <Routes>
         <Route path="/" element={<LandingPage />} />
         <Route path="/home" element={<HomePage />} />
       </Routes>
-    </Router>
+    </BrowserRouter>
   );
 }