use-before unload
React hook to install a window.onbeforeunload
handler and control it inside a component.
Installation
npm i use-before-unload
Usage
Just use it in any component that you want to prevent a reload (or tab close) with. You can provide a string or a function as an argument to the hook.
Example:
const ComponentThatControlsUnload = { ; return children;};
Note that the text you provide is not shown in most modern browsers.
When using a function it gets passed the beforeunload
Event. If you return a truthy value (which can be a string) the page reload will be suppressed:
const ComponentThatControlsUnload = { ; return children;};
API
License
MIT