@withvoid/melting-pot/src/hooks/useOnlineStatus.js

A react utility library

import React from 'react';

const useOnlineStatus = () => {
  const [online, setOnline] = React.useState(navigator.onLine);

  const onHandleOnline = () => setOnline(true);

  const onHandleOffline = () => setOnline(false);

  React.useEffect(() => {
    window.addEventListener('online', onHandleOnline);
    window.addEventListener('offline', onHandleOffline);
    return () => {
      window.removeEventListener('online', onHandleOnline);
      window.removeEventListener('offline', onHandleOffline);
    };
  });

  return { online };
};

export default useOnlineStatus;