React Online Offline
npm install react-use-online-offlinejavascript
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`