useeffect runing before dom renders code example

Example 1: react run useeffect only once

useEffect(() => {
    // Initialization code comes here
}, []);

Example 2: react useeffect not on first render

//This is a way to build this effect as a custom hook
import React, { useEffect, useRef } from 'react';

const useDidMountEffect = (func, deps) => {
    const didMount = useRef(false);

    useEffect(() => {
        if (didMount.current) func();
        else didMount.current = true;
    }, deps);
}

export default useDidMountEffect;