React hook which detects native online status changes and supports polling for more accurate network statuses.
npm install --save react-use-online-status
import useOnlineStatus from 'react-use-online-status'
const FunctionalComponent = props => {
const isOnline = useOnlineStatus()
return (
<p>Is online: {isOnline ? 'Yes' : 'No'}</p>
)
}
import useOnlineStatus from 'react-use-online-status'
const FunctionalComponent = props => {
const isOnline = useOnlineStatus('/polling-url' || 'https://google.com/generate_204', {
interval: 10 * 1000, /* ten seconds (default) */
timeout: 10 * 1000, /* ten seconds (default) */
method: 'GET' /* (default)
})
return (
<p>Is online: {isOnline ? 'Yes' : 'No'}</p>
)
}
License: MIT