React useOnce hook for one-time effects

useOnce.js

import { useEffect, useRef } from 'react';

const useOnce = (effect) => {
  const didUse = useRef(false);
  useEffect(() => {
    if (didUse.current === false) {
      didUse.current = true;

      effect();
    }
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, []);
};

export default useOnce;