React component that returns true once the component/hook using it has mounted

useHasMounted.js

import React, { useState, useEffect } from "react"

/**
 * @return {boolean} Whether the component has mounted.
 */
function useHasMounted() {
  const [hasMounted, setHasMounted] = useState(false)

  useEffect(() => {
    setHasMounted(true)
  }, [])

  return hasMounted
}

export default useHasMounted