Usando React Router DOM

Como usar no react-router-dom?


            import React from "react";
            import ReactDOM from "react-dom/client";
            import { BrowserRouter, Routes, Route } from "react-router-dom";
            import App from "./App";
            
            const root = ReactDOM.createRoot(document.getElementById("root"));
            root.render(
                <BrowserRouter basename={process.env.PUBLIC_URL}>
                    <Routes>
                        <Route path="/" element={<App />} />
                    </Routes>
                </BrowserRouter>
                );

O basename={process.env.PUBLIC_URL} é importante para o React saber onde está sendo servido (ex: /NOME_DO_REPOSITORIO).