useFetch custom hook

useFetch.js

import { useState, useEffect } from 'react';

export function useFetch(
  doFetch,
  dependencies
) {
  const [loading, setLoading] = useState(false);
  const [data, setData] = useState();

  useEffect(() => {
    setLoading(true);
    doFetch()
      .then(response => {
        setData(response);
        setLoading(false);
      })
      .catch(() => {
        setData(null);
        setLoading(false);
      });
  }, [...dependencies]);

  return { loading, data };
}