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. ]; 