react-beforeunload

React component which listens to beforeunload on the window when mounted but can also block react-router.

React component and hook which listens to beforeunload on the window when mounted.

Usage

$3

``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.

Source

$3

`jsx
import { Beforeunload } from 'react-beforeunload';
`

And use as you would use the hook:

`jsx
event.preventDefault()} />
`

`jsx
"You'll lose your data!"} />
`

Alternatively use it as a wrapper:

`jsx



``

Requirements

Requires a minimum of React version 16.8.0. If you're on an older version of React, then checkout v1.