<pre><code>import React, {EffectCallback, DependencyList, useRef, useEffect} from 'react';

export function useUpdateEffect(effect: EffectCallback, deps?: DependencyList) {
  // your code here
  const firstMountRef = useRef(true);

  useEffect(() =&gt; {
    if (firstMountRef.current) {
      firstMountRef.current = false;
      return;
    }
   return effect();
  }, deps)

}

</code></pre>

Simple answer

Implement useUpdateEffect() that it works the same as useEffect() except that it skips running the callback on first render.…