[React] REACT - problema com react router [fechada]

Estou com um problema na minha aplicação, quando uso o "react router" meus componentes não renderizam e no console da uns erros estranhos(que não provem do codigo). OBS: importei tudo certinho nos componentes.

import {BrowserRouter, Routes, Route, Link} from 'react-router-dom'
import Home from './pages/Home';
import Contato from './pages/Contato';
import Empresa from './pages/Empresa';

function App() {

return (
<div className="App">
<BrowserRouter>
<ul>
<li><Link to="/">HOME</Link></li>
<li><Link to="/empresa">EMPRESA</Link></li>
<li><Link to="/contato">CONTATO</Link></li>
</ul>
<Routes>
<Route exect patch="/"> element={<Home />} </Route>
</Routes>
<Routes>
<Route patch="/empresa">
element={<Empresa />}
</Route>
</Routes>
<Routes>
<Route patch="/contato">
element={<Contato />}
</Route>
</Routes>
</BrowserRouter>
</div>
)
};

export default App;

Continue reading...