use-effect-when.ts

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

export const useEffectWhen = (callback: EffectCallback, whatDeps: DependencyList, whenDeps: DependencyList) => {
  const prevWhenValuesRef = useRef<DependencyList>([]);

  useEffect(() => {
    const prevWhenDeps = prevWhenValuesRef.current;
    prevWhenValuesRef.current = whenDeps;

    for (let i = 0; i < whenDeps.length; i++) {
      if (!Object.is(prevWhenDeps[i], whenDeps[i])) {
        callback();
        return;
      }
    }
  }, [...whatDeps, ...whenDeps]);
};