Hook for detecting if a route is currently matched

[ryanstaniforth]

I have a use case for detecting if a child route is matched. I'm currently using the following:

const matches = useMatches();
const isUserSelected = matches.find((match) => match.routeId === '/authenticated/users/:id') !== undefined;

I think something like this would be ideal, including typings for the available routes:

const isUserSelected = useIsMatched('/authenticated/users/:id');

This functionality is similar to how activeProps on a link <Link> works.

P.S. Thank you for this amazing library @tannerlinsley, loving it so far.

[PointSingularity]

@ryanstaniforth Did you find a way to do this?

I am having the same problem, trying to do some logic in the parent component, but not being able to get the current matched child route

Edit:

 const matches = useMatches();
 console.log(matches.map((m) => m.id));

I can get them with this, but IDK if there is a better way.

[ryanstaniforth]

I'm still using useMatches.

[sweethuman]

Still using this

const matches = useMatches();
const match = useMemo(() => matches.some(elem => elem.id === '/login'), [matches]);