import {useEffect, useRef} from "react";

/**
 * React effect hook that invokes only on update.
 * It doesn't invoke on mount
 */
export const useUpdateEffect: typeof useEffect = (effect, deps) => {
  const renderCycleRef = useRef(false);
  const effectCycleRef = useRef(false);

  useEffect(() => {
    const isMounted = renderCycleRef.current;
    const shouldRun = isMounted && effectCycleRef.current;

    if (shouldRun) {
      return effect();
    }
    effectCycleRef.current = true;
  }, deps);

  useEffect(() => {
    renderCycleRef.current = true;

    return () => {
      renderCycleRef.current = false;
    };
  }, []);
};