How to solve: Resolve Missing useEffect Dependencies?

Question

Accepted Answer

In the bugged code:
1. The interval references `seconds`, but since the dependency array is empty `[]`, the closure captures `seconds = 0` once. The counter will update from 0 to 1, and then constantly reset to 1.
2. Since the interval is never cleared on unmount, it causes a memory leak if the component leaves the DOM.

**Solutions:**
- Use functional state updates: `setSeconds(prev => prev + 1)` which doesn't rely on closed-over states.
- Return a cleanup function: `return () => clearInterval(interval)`.