リロード時に離脱防止を防ぐ

useOnReloadAlert.tsx

import { useEffect } from 'react';

/**
 * 一度入力した後にリロードすると、確認ダイアログを出す。
 */
export const useOnReloadAlert = () => {
  useEffect(() => {
    window.history.pushState(null, '', window.location.pathname);
    const onReload = (event: BeforeUnloadEvent) => {
      event.preventDefault();
      event.returnValue = '';
    };
    window.addEventListener('beforeunload', onReload);
    return () => {
      window.removeEventListener('beforeunload', onReload);
    };
  }, []);
};