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.
← PrevNext →