ブラウザバックで「ちょっと待って」的なアラートをだすhooks - Qiita

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