useDelayedEffect - using setTimeout in React functional components (custom hook)

useDelayedEffect.js

import { useEffect, useRef } from 'react';

function useDelayedEffect(effect, changingStateVars = [], delay = 1000) {

  const mutable = useRef();

  const delayedEffect = () => {
    mutable.current = setTimeout(effect, delay);
    return () => {
      clearTimeout(mutable.current);
    };
  };

  useEffect(delayedEffect, changingStateVars);
}

export default useDelayedEffect;