blog_useFetch_callback_hook.ts

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

// ...

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

  // The callback hook ensures that the function is only created once
  // and hence the effect hook below doesn't start an infinite loop
  const processJson = useCallback(processData || ((jsonBody: any) => jsonBody as DogImageType), []);

  useEffect(() => {
    // ...
    const processedData = processJson(rawData);
    // ...
    
  // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [stringifiedUrl, stringifiedInit, processJson]);

  return data;
};