usePageLeave.ts

import * as React from "react";

React.useEffectEvent = React.experimental_useEffectEvent;

export default function usePageLeave(cb) {
  const onLeave = React.useEffectEvent((event) => {
    const to = event.relatedTarget || event.toElement;
    if (!to || to.nodeName === "HTML") {
      cb();
    }
  });

  React.useEffect(() => {
    document.addEventListener("mouseout", onLeave);

    return () => {
      document.removeEventListener("mouseout", onLeave);
    };
  }, []);

  return {};
}

https://stackblitz.com/edit/stackblitz-starters-r1g5qt