deploy error

Author: devvsakib

src/App.jsx

@@ -1,25 +1,17 @@
 import "./index.css";
 import {
-  createBrowserRouter,
-  RouterProvider,
+  Routes,
+  Route
 } from "react-router-dom";
 import Home from "./pages/Home";
 import Doc from "./pages/Doc";
-const router = createBrowserRouter(
-  [
-    {
-      path: "/",
-      element: <Home />,
-    },
-    {
-      path: '/doc',
-      element: <Doc />
-    }
-  ]
-);
+
 function App() {
   return (
-    <RouterProvider router={router} />
+    <Routes>
+      <Route path="/" element={<Home />} />
+      <Route path="doc" element={<Doc />} />
+    </Routes>
   );
 }
 

src/main.jsx

@@ -1,13 +1,12 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
 import App from "./App";
-
-
-/* Creating a router object that is used to render the correct component based on the url. */
-
+import { BrowserRouter } from "react-router-dom";
 
 ReactDOM.createRoot(document.getElementById("root")).render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>
+  <BrowserRouter>
+    <React.StrictMode>
+      <App />
+    </React.StrictMode>
+  </BrowserRouter>
 );