Cant go to my router

import { ChakraProvider } from "@chakra-ui/react";
import Home from "./pages/Home";
import Aboutme from "./pages/Aboutme";
import Service from "./pages/service";
import { BrowserRouter as Router, Route, Routes, Link } from "react-router-dom";
import theme from "./theme";

function App() {
  return (
    <ChakraProvider theme={theme}>
      <Router>
        <Routes>
          <Route path="/" element={<Home />} />
          <Route path="/service" element={<Service />} />
          <Route path="/aboutme" element={<Aboutme />} />
        </Routes>
      </Router>
    </ChakraProvider>
  );
}

export default App;