A custom hook for checking if a component already had it's initial render. Useful for building a hook-based componentDidUpdate() alternative.

useDidMount.js

import { useEffect, useRef } from 'react'

export const useDidMount = () => {
  const didMountRef = useRef(false)
 
  useEffect(() => {
    didMountRef.current = true
  }, [])
	
  return didMountRef.current
}