will calling window.location.reload() trigger the clean up function inside a useEffect?

Question

useEffect(() => {
  console.log("Effect runs");

  return () => {
    console.log("Cleanup runs");
  };
}, []);

If window.location.reload() is called anywhere in your application, will the cleanup callback of the useEffect fire?

Answer 1

Typically no, the cleanup function in useEffect won’t run on window.location.reload(). Cleanup only runs when React unmounts a component or reruns the effect, but a full page reload wipes out the JS runtime before React can do anything. If you need logic before reload/close, use beforeunload instead.