React useEffect not called on first change

use-effect-not-first.js

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

/**
 * @param {EffectCallback} effect
 * @param {DependencyList} [deps]
 */
export const useEffectNotFirst = (effect, deps) => {
  const firstUpdate = useRef(true);

  useEffect(() => {
    if (firstUpdate.current) {
      firstUpdate.current = false;

      return;
    }

    effect();
  }, deps);
};

This practice shouldn't be encouraged in my opinion. Let's use React declaratively and not handle specific renders imperatively.