Tengo un sitio web de reacción implementado en páginas de github. Anteriormente usé react-router en el proyecto que no funciona en el sitio implementado. alguien me puede sugerir que debo hacer? He intentado usar hash-router como se indica en el código:

archivo de índice:

 import React from 'react'; import {createRoot} from 'react-dom/client'; import './index.css'; import App from './App'; import { ChakraProvider } from '@chakra-ui/react' import { HashRouter as Router } from 'react-router-dom'; const container=document.getElementById('root'); const root = createRoot(container); root.render( <React.StrictMode> <ChakraProvider> <Router> <App /> </Router> </ChakraProvider> </React.StrictMode> );

archivo app.js:

 import './App.css'; import Navbar from './components/Navbar'; import Footer from './components/Footer'; import Homepage from './Pages/Homepage'; import Mainpage from './Pages/Mainpage'; import Chat from './Pages/Chat'; import SOS from './Pages/sos'; import Community from './Pages/app_comm'; import About from './Pages/About'; import {BrowserRouter as Router,Routes,Route,Link} from 'react-router-dom' import {useState,useEffect} from 'react' function App() { const [userName,setUserName]=useState(null); return ( <div className="App"> <Routes> <Route path='/' exact element={<><Homepage username={userName} setusername={setUserName} /></>}></Route> <Route path='/hack/' exact element={<><Homepage username={userName} setusername={setUserName} /></>}></Route> <Route path='/hack' exact element={<><Homepage username={userName} setusername={setUserName} /></>}></Route> <Route path='/home' exact element={<><Homepage/></>}></Route> <Route path='/mainpage' exact element={<><Navbar/><Mainpage/><Footer/></>}></Route> <Route path='/about' exact element={<><Navbar/><About/><Footer/></>}></Route> <Route path='/sos' exact element={ <><Navbar username={userName}/><SOS/><Footer/></>}></Route> <Route path='/chat' exact element={ <Chat/>}></Route> <Route path='/community' exact element={ <Community />}></Route> </Routes> </div> ); } export default App;

Sin embargo, esto no parece funcionar.