Как предотвратить всплывающее всплывающее окно для перезагрузки по умолчанию браузера и показать пользовательский модаль ⇐ Javascript

[Anonymous]

Я создаю приложение React (next.js) с формой. Когда пользователь пытается перезагрузить страницу (например, нажатие F5, Ctrl+R или нажатие обновления), я хочу отключить всплывающее окно для подтверждения по умолчанию браузера и вместо этого показать свой собственный модал с кнопками OK и отмены.

Код: Выделить всё

useEffect(() => {
window.addEventListener("beforeunload", (e) => {
e.preventDefault();
e.returnValue = ""; // triggers default popup
});
}, []);

Есть ли способ обнаружить, что браузер перезагружается, чтобы я мог отменить его и показать свое собственное всплывающее окно вместо по умолчанию?>

Подробнее здесь: https://stackoverflow.com/questions/797 ... stom-modal