How to use react router library for navigation.

App.js

import {Routes, Route, Link} from 'react-router-dom'
import Homepage from './Homepage';
import AboutMe from './AboutMe';

function App() {
    return(
        <div>
            <nav>
                <Link to="/">Homepage</Link>
                <Link to="/about-me">About Me</Link>
            </nav>
            <Routes>
                <Route path="/" element={<Homepage />} />
                <Route path="/about-me" element={<AboutMe />} />
            </Routes>
        </div>
    );
}

index.js

import ReactDom from 'react-dom/client';
import { BrowserRouter } from 'react-router-dom'
import App from './App';

const root = ReactDom.createRoot(document.getElementById('root'));
root.render(
    <BrowserRouter>
        <App />
    </BrowserRouter>
)