Effect hook that executes only after all components have been rendered

useEffectAfterMount.js

import {useEffect, useRef} from 'react'
const useEffectAfterMount = ( effect, deps ) => {
  const isMounted = useRef(false)
  useEffect(() => {
    if (isMounted.current) {
      return effect()
    } else {
      isMounted.current = true
    }
  }, [deps])
}