useFetch.ts

import { useEffect, useState } from 'react';

export const useFetch = (url: string) => {
  const [data, setData] = useState('');
  const [loading, setLoading] = useState(false);

  useEffect(() => {
    if (url !== '') {
      setData('');
      setLoading(true);
      fetch(
        url,
        { headers: { Authorization: '3fe0e403f588db5d1d734c743b7818eaa4b96ca98df74e9802278975a7de4942' } })
        .then(x => x.text())
        .then(y => {
          setData(y);
          setLoading(false);
        }
        );
    }
  }, [url]);

  return { data, loading };
};