Stop <Link> from re-rendering

[brian-tran-dev]

I notice that every Link elements get rerendered even when search query changes. My Link active state only care about path change but when i change search params, all those Link get rerendered regardless.

[travisbreaks]

<Link> subscribes to the full router state by default, and search param changes trigger a router state update that re-renders all subscribed components.

Use activeOptions to control what triggers active state recalculation, and preload: false if you don't need hover preloading. If your link doesn't need to reflect active state at all, activeOptions: { exact: true } narrows the subscription so it only re-renders when its specific route match changes.

For lists with many links, the more scalable fix is wrapping each link item in React.memo so the parent's re-render from router state changes doesn't cascade into every list item.