import { useEffect, useRef } from 'react';
import useIsomorphicLayoutEffect from './useIsomorphicLayoutEffect';

const useUpdateLayoutEffect: typeof useEffect = (effect, deps) => {
  const isMounting = useRef(true);

  useIsomorphicLayoutEffect(() => {
    if (isMounting.current) {
      isMounting.current = false;
      return;
    }
    effect();
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, deps);
};

export default useUpdateLayoutEffect;