import { useLayoutEffect } from '../lib/teact/teact';
import usePrevious from './usePrevious';

const useLayoutEffectWithPrevDeps = <T extends readonly any[]>(
  cb: (args: T | readonly []) => void, dependencies: T, debugKey?: string,
) => {
  const prevDeps = usePrevious<T>(dependencies);
  return useLayoutEffect(() => {
    return cb(prevDeps || []);
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, dependencies, debugKey);
};

export default useLayoutEffectWithPrevDeps;