useFetch React and Preact hook with AbortController

useFetch.js

export default function useFetch (url, options) {

  const [response, setResponse] = useState(null);
  const [error, setError] = useState(null);
  const [isLoading, setIsLoading] = useState(true);

  useEffect(() => {
    const controller = new AbortController();
  
    (async () => {
      try {
        const res = await fetch(url, { ...options, signal: controller.signal });
        const json = await res.json();
        setResponse(json);
        setIsLoading(false);
      } catch (error) {
        setError(error);
      }
    })();
    
    return () => {
      controller.abort();
    }
  }, [url]);
  
  return [ response, error, isLoading ];
};