useFirstRender Hook React

import { useRef, useEffect } from "react";

const useFirstRender = () => {
  const isFirstRender = useRef(true);

  useEffect(() => {
    isFirstRender.current = false;
  }, []);

  return isFirstRender.current;
};

// Usage
const FirstRenderExample = () => {
  const isFirstRender = useFirstRender();

  return (
    <div>
      {isFirstRender ? <p>First render</p> : <p>Not the first render</p>}
    </div>
  );
};