cra-template-overwolf-typescript-redux/template/src/features/misc/hooks/useInternetConnection.ts

This is the official [Overwolf TypeScript Redux](https://github.com/AlbericoD/overwolf-modern-react-boilerplate) template for [Create React App](https://github.com/facebook/create-react-app).

import { useEffect, useState } from "react";

function useInternetConnection() {
  const [isConnected, setIsConnected] = useState(true);
  useEffect(() => {
    setIsConnected(window.navigator.onLine);

    window.addEventListener("online", () => setIsConnected(true));
    window.addEventListener("offline", () => setIsConnected(false));

    return () => {
      window.removeEventListener("online", () => setIsConnected(true));
      window.removeEventListener("offline", () => setIsConnected(false));
    };
  }, []);

  return isConnected;
}

export { useInternetConnection };