Alternative hook to check if the internet is reachable with @react-native-community/netinfo that does not return false on the initial results

useInternetReachable.js

import { useState, useEffect } from 'react';
import NetInfo from '@react-native-community/netinfo';

const useInternetReachable = () => {
  const [isReachable, setIsReachable] = useState(false);
  const [isLoading, setIsLoading] = useState(true);

  useEffect(() => {
    const unsubscribe = NetInfo.addEventListener(({ isInternetReachable }) => {
      if (typeof isInternetReachable !== 'boolean') return;

      setIsLoading(false);
      setIsReachable(isInternetReachable);
    });

    return () => {
      unsubscribe();
    };
  }, []);

  return { isInternetReachable: isReachable, isLoading };
};

export default useInternetReachable;