diff --git a/client/src/App.jsx b/client/src/App.jsx
index 118bb52..8339409 100644
--- a/client/src/App.jsx
+++ b/client/src/App.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
+import { Routes, Route } from 'react-router-dom';
 import Index from './pages';
 import Login from './pages/login';
 import NavBar from './components/NavBar';
@@ -8,12 +8,10 @@ function App() {
   return (
     <>
       <NavBar />
-      <Router>
-        <Routes>
-          <Route path="/" element={<Index />} />
-          <Route path="/login" element={<Login />} />
-        </Routes>
-      </Router>
+      <Routes>
+        <Route path="/" element={<Index />} />
+        <Route path="/login" element={<Login />} />
+      </Routes>
     </>
   );
 }
diff --git a/client/src/main.jsx b/client/src/main.jsx
index 0a71833..8ce2010 100644
--- a/client/src/main.jsx
+++ b/client/src/main.jsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
+import { BrowserRouter } from 'react-router-dom';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import App from './App.jsx';
 import './index.css';
@@ -8,12 +9,16 @@ import { theme } from './theme';
 
 import { MantineProvider } from '@mantine/core';
 
+const queryClient = new QueryClient({});
+
 ReactDOM.createRoot(document.getElementById('root')).render(
   <React.StrictMode>
-    <QueryClientProvider client={QueryClient}>
-      <MantineProvider theme={theme}>
-        <App />
-      </MantineProvider>
+    <QueryClientProvider client={queryClient}>
+      <BrowserRouter>
+        <MantineProvider theme={theme}>
+          <App />
+        </MantineProvider>
+      </BrowserRouter>
     </QueryClientProvider>
   </React.StrictMode>,
 );