use-is-online

1import { useSyncExternalStore } from 'react'
2 
3function subscribe(onStoreChange: () => void) {
4  window.addEventListener('online', onStoreChange)
5  window.addEventListener('offline', onStoreChange)
6 
7  return () => {
8    window.removeEventListener('online', onStoreChange)
9    window.removeEventListener('offline', onStoreChange)
10  }
11}
12 
13function getSnapshot() {
14  return window.navigator.onLine
15}
16 
17function getServerSnapshot() {
18  return true
19}
20 
21export function useIsOnline() {
22  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot)
23}