Although I've added <ScrollRestoration /> to App.tsx React component, scroll restoration does not work at <Catalog> component.

One of the routes there is <Route path="/"> (I'm using React router which works fine):

<Route path="/">
   <HomePage></HomePage>
</Route>

The structure of <HomePage> is:

const HomePage: React.FC = () => {
  return (
    <>
      <Topbar></Topbar>
      <Catalog></Catalog>
    </>
  );
};

I was following documentation of React Router: https://v5.reactrouter.com/web/guides/scroll-restoration

What am I missing? Thanks