React useFetch on TypeScript

useFetch.ts

const useFetch = (url: string, options: any) => {
  const [response, setResponse] = useState<string | undefined>(undefined);
  const [error, setError] = useState<unknown>(undefined);
  const [abort, setAbort] = useState<() => void>(() => {});

  useEffect(() => {
    const fetchData = async () => {
      try {
        const abortController = new AbortController();
        const signal = abortController.signal;
        setAbort(abortController.abort);
        const res = await fetch(url, { ...options, signal });
        const json = await res.json();
        setResponse(json);
      } catch (error: unknown) {
        setError(error);
      }
    };
    fetchData();
    return () => {
      abort();
    };
  }, []);

  return { response, error, abort };
};