useBeforeUnload.tsx

export default (when = false): void => {
  const onUnload = (event: BeforeUnloadEvent): string => {
    // garantindo compatibilidade com browser antigos e mobile
    const listener = event || window.event;

    listener.preventDefault();

    if (listener) {
      /* compatibilidade com browser engines Gecko (Firefox),
      Trident(Internet Explorer) e Chrome versões 34+ */
      listener.returnValue = '';
    }
    /* compatibilidade com browser engines Gecko (Firefox) versões anteriores
    a 4, Webkit(browsers iOS, Safari, Chrome <= 27) e Chrome versões <34 */
    return '';
  };

  useEffect(() => {
    if (!when) return undefined;
    window.addEventListener('beforeunload', onUnload);
    return () => {
      window.removeEventListener('beforeunload', onUnload);
    };
  }, [when]);
};