KITFORMA · EDITORIAL ANSWER
How do I stop a React scroll listener from accumulating after navigation?
KitForma editorial guide. When subscribing imperatively, remove the same function with the matching capture setting during cleanup.
Step-by-step answer
When subscribing imperatively, remove the same function with the matching capture setting during cleanup. Keep the handler inside the Effect when it only serves that subscription:
addEventListener("scroll", handler); return () => removeEventListener("scroll", handler). Prefer a React onScroll prop for an element you own. Verify repeated navigation produces one handler invocation per event; an anonymous new function cannot remove the original listener.Sources and verification
Sources checked:
Scope: This editorial guide is based on the cited sources and tool behavior. A forum question or a query observed for our site does not establish market search volume, low competition, guaranteed rankings or inadequate answers elsewhere.
This editorial answer was prepared by KitForma with AI assistance. It is not presented as a real member question or an independent user review. Check the sources and the result with your own file; report corrections in the discussion.