medium10 pts · first answer countsreact-hooksmemory-leaks

Resize handler that runs many times

After opening and closing this panel a few times, every window resize runs the handler several times, even for panels that are already closed. What is the fix?

useEffect(() => {
  window.addEventListener('resize', () => setWidth(window.innerWidth))
}, [])

A.Add width to the dependency arrayB.Use a passive event listener insteadC.Store the handler in a variable and return a cleanup that calls removeEventListener with itD.Move the listener into the render body so it runs on every render

Discussion 0

Join free to post in the discussion.

Resize handler that runs many times

Discussion 0

Related questions