blog_useFetch_part-II_refactoring.ts

import { useState, useEffect, useCallback } from "react";
// ...

export const useFetch = <T>({ url, init, processData }: RequestProps<T>) => {
  // ...

  // Define asynchronous function
  const fetchApi = async () => {
    // ...
  };

  useEffect(() => {
    // Call async function
    fetchApi();
    // ...
  }, [stringifiedUrl, stringifiedInit, processJson]);

  return { data, fetchApi };
};