This example demonstrates how to make a custom <Link> component to render something different when the link is "active" using the useMatch() and useResolvedPath() hooks.
<Link>
useMatch()
useResolvedPath()
Open this example on StackBlitz: