Use hash router

Author: Adanato

src/App.tsx

@@ -1,5 +1,5 @@
 // App.jsx or App.tsx
-import { BrowserRouter as Router, Routes, Route } from 'react-router-dom'
+import { Routes, Route } from 'react-router-dom'
 import Header from './components/Header'
 import Footer from './components/Footer'
 import Home from './pages/Home'
@@ -11,7 +11,6 @@ import Photos from './pages/Photos'
 import "./App.css"
 function App() {
   return (
-    <Router>
       <>
         <Header />
         <main className="container">
@@ -26,7 +25,6 @@ function App() {
         </main>
         <Footer />
       </>
-    </Router>
   )
 }
 

src/main.tsx

@@ -2,9 +2,11 @@ import React from 'react'
 import ReactDOM from 'react-dom/client'
 import App from './App.tsx'
 import './index.css'
-
+import { HashRouter } from 'react-router-dom'
 ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
+    <HashRouter>
     <App />
+    </HashRouter>
   </React.StrictMode>,
 )