useMatchesReturns the current route matches on the page. This is useful for creating layout abstractions with your current routes.
function SomeComponent() {
const matches = useMatches();
// ...
}
matches has the following shape:
[
{ id, pathname, data, params, handle }, // root route
{ id, pathname, data, params, handle }, // layout route
{ id, pathname, data, params, handle }, // child route
// etc.
];
