useOffline

useOffline.js

  const [online, setOnline] = useState(true)
  useEffect(() => {
    let offlineToast
    const goOffline = () => {
      setOnline(false)
    }
    const goOnline = () => {
      setOnline(true)
    }
    window.addEventListener('offline', goOffline)
    window.addEventListener('online', goOnline)
    return () => {
      window.removeEventListener('offline', goOffline)
      window.removeEventListener('online', goOnline)
    }
  })