Name

React Online Offline

Install

``javascript
npm i react-use-online-offline
`

Code

`javascript
import { ReactOnlineOffline } from 'react-use-online-offline';
import 'react-use-online-offline/dist/style.css';

const UseOnlineOffline=()=>{
const { isOnline } = ReactOnlineOffline();

return (

{isOnline===true? 'You are online':'You are offline'}

);
}
`
Add body id in public/index.html
`html

`

If need black and white grayscale when offline add this css in your project
`css
.offline{
filter: grayscale(100%);
overflow:hidden;
}
`

Demo

See the output https://ibb.co/wRVSy2V`