Cleanup Functions
Use cleanup functions inside useEffect
to clean up side effects (like timers or subscriptions) before the component unmounts or effect re-runs.
useEffect(() => {
const interval = setInterval(() => {
console.log("Tick");
}, 1000);
return () => clearInterval(interval);
}, []);
- Returning a function inside
useEffect
ensures cleanup. - Useful for clearing memory leaks, stale data, etc.