How do you handle routing in React applications?

import { BrowserRouter, Routes, Route, Link, useParams } from "react-router-dom";

function User() {
  const { id } = useParams();           // read :id from the URL
  return <h3>User #{id}</h3>;
}

export default function App() {
  return (
    <BrowserRouter>
      <nav style={{ fontFamily: "system-ui", padding: 16 }}>
        <Link to="/">Home</Link> | <Link to="/users/42">User 42</Link>
      </nav>
      <Routes>
        <Route path="/" element={<h3>Home</h3>} />
        <Route path="/users/:id" element={<User />} />
      </Routes>
    </BrowserRouter>
  );
}