import { useLayoutEffect, useRef } from 'react'; export default function useFirstEffect(fn, deps) { const firstEffect = useRef(true); useLayoutEffect(() => { if (firstEffect.current) { firstEffect.current = false; fn(); } }, [fn, ...deps]); }