blog_useFetch_dependency_stringify_vars.ts

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

// ..

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

  // Turn objects into strings for useCallback & useEffect dependencies
  const [stringifiedUrl, stringifiedInit] = [JSON.stringify(url), JSON.stringify(init)];

  useEffect(() => {
    // ...

  // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [stringifiedUrl, stringifiedInit]);

  return data;
};