finish

src/App.js

 import React, { useState } from "react";
 import "./App.css";
-import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
+import { BrowserRouter, Routes, Route} from "react-router-dom";
 import { Navbar } from "./components/navbar";
 import { Shop } from "./pages/shop/shop";
 import { Contact } from "./pages/contact/contact";
@@ -15,7 +15,7 @@ function App() {
   return (
     <div className="App">
       <ShopContextProvider>
-        <Router>
+        <BrowserRouter basename={window.location.pathname}>
           <Navbar user={user} setUser={setUser} />
           <Routes>
             <Route path="/" element={<Shop user={user} />} />
@@ -24,7 +24,7 @@ function App() {
             <Route path="/cart" element={<Cart />} />
             <Route path="/login" element={<Login setUser={setUser} />} />
           </Routes>
-        </Router>
+        </BrowserRouter>
       </ShopContextProvider>
     </div>
   );