run an effect when the dependencies change, but not at initialization

useEffectOnMount.ts

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

// React.useEffect runs its effect 1) at initialization and then 2) whenever the deps change
// Sometimes you don't want (1), just (2). That's what this is for.

export function useEffectOnMount(effect: EffectCallback, deps: DependencyList): void {
  const isMounted = useRef(false);

  useEffect(() => {
    if (isMounted.current) return effect();
    else isMounted.current = true;
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, deps);
  
  useEffect(() => {
    return () => isMounted.current = false;
  }, [])
}