react-doctor/rerender-defer-reads-hook
Read the URL state inside the handler (e.g. `new URL(window.location.href).searchParams`) so the component doesn't subscribe and re-render on every URL change
- Category: Performance
- Severity: warn
- Source:
oxlint-plugin-react-doctor - Framework: global
- Enabled when: always
Validation prompt
Use this to decide whether a fired diagnostic is real or a false positive.
Fires when a binding from useSearchParams, useParams, or usePathname (router hooks shared by Next.js App Router and react-router-dom) is referenced ONLY from inside event handlers — never from render-time code or JSX. The subscription causes the component to re-render on every URL change just to read the value at click time.
Fix prompt
Use this once validation confirms the diagnostic is real.
Drop the hook and read the URL inside the handler: const params = new URL(window.location.href).searchParams, or window.location.pathname for the pathname case. For repeated reads expose the underlying API behind a small custom hook that returns a getter rather than subscribing. See https://developer.mozilla.org/en-US/docs/Web/API/URL/searchParams