React Router v6でパスパラメータが変更されたら再レンダリングしたい

1
const SomePage = () => {
2
  const { someId } = useParams();
3

4
  return <div key={someId}>{/** */}</div>;
5
};

1
export default function App() {
2
  return (
3
    <Routes>
4
      <Route path="/" element={<Layout />}>
5
        <Route index element={<Home />} />
6
        <Route path="about/:id" element={<About />} />
7
        <Route path="*" element={<NoMatch />} />
8
      </Route>
9
    </Routes>
10
  );
11
}
12

13
function Layout() {
14
  const params = useParams();
15
  return (
16
    <div>
17
      <Link to="/about/001">A001</Link>
18
      <Link to="/about/002">A002</Link>
19
      <Outlet key={JSON.stringify(params)} />
20
    </div>
21
  );
22
}