React component and hook which listens to `beforeunload` on the window when mounted.
npm install react-before-leavebeforeunload on the window when mounted but can also block react-router.React component and hook which listens to beforeunload on the window when mounted.
``jsx`
import { useBeforeunload } from 'react-beforeunload';
Display a dialog box:
`jsx`
useBeforeunload(event => event.preventDefault());
Display a dialog box with custom message:
`jsx`
useBeforeunload(() => "You'll lose your data!");
> Some browsers display the returned string in the dialog box, others display a fixed message.
`jsx`
import { Beforeunload } from 'react-beforeunload';
And use as you would use the hook:
`jsx`
`jsx`
Alternatively use it as a wrapper:
`jsx``
Requires a minimum of React version 16.8.0. If you're on an older version of React, then checkout v1.