meta is not returned in either useMatch or useMatches

[push1kb]

Main reason for switching from react-router to react-location is to set page title and other meta details right at the routers file.
But for some reason, it is not usable

const location = new ReactLocation();

const routes = [
  {
    path: '/',
    index: true,
    element: <HomePage />,
    meta: {
      title: () => 'Home',
    },
  },
  {
    path: '/client',
    element: <ClientPage />,
    meta: {
      title: () => 'Client',
    },
   }
 ];
 
 const AppRouter: React.FC = (props) => {
  return (
    <Router location={location} routes={routes}>
      {props.children}
    </Router>
  );
};

Inside HomePage

const match = useMatch();

console.log(match.route?.meta) // returns `null`, match.route is null