useDeepEffect.ts

import { DependencyList, EffectCallback, useEffect, useRef } from 'react';

const useDeepEffect = (effect: EffectCallback, deps?: DependencyList) => {
  const prevDepsRef = useRef<DependencyList>();
  useEffect(() => {
    if (JSON.stringify(deps) === JSON.stringify(prevDepsRef.current)) {
      return;
    }
    prevDepsRef.current = deps;
    return effect();
  }, deps);
};

export default useDeepEffect;