useFetch.js

//Reactjs custom hook
export const useFetch = ({ url, ...options = {} }) => {
  let [data, setData] = useState(null);
  const [error, setError] = useState(null);
  const [status, setStatus] = useState(null);
  const [loading, setLoading] = useState(true);
  const ref = useRef();

  useEffect(
    () => {
      const processData = async () => {
        const response = await window.fetch(url, (options));
        data = await response.json();
        setData(data);
        setStatus(response.status);
        setLoading(false);
      };
      processData().catch((error) => {
        setError(error);
        setLoading(false);
      });
    },
    [ref]
  );

  return [data, error, status, loading];
};