// Create a custom hook

import { useRef, useEffect } from 'react';

​

export const useDidMount = () => {

  const didMountRef = useRef(true);

  useEffect(() => {

    didMountRef.current = false;

  }, []);

  return didMountRef.current;

};

​

// You can use it like this:

import React, { useEffect } from 'react';

​

import { useDidMount } from './useDidMount';

​

const MyComponent = () => {

  const didMount = useDidMount();

​

  useEffect(() => {

    if (didMount) {

      console.log('First Render');

    } else {

      console.log('Subsequent Render');

    }

  });

​

  return didMount ? <p>First Render</p> : <p>Subsequent Render</p>;

};

import { useState, useRef, useEffect } from "react";

​

export default function App() {

  const [changeMe, setChangeMe] = useState(false);

  const initialRender = useRef(true);

​

  useEffect(() => {

    if (initialRender.current) {

      initialRender.current = false;

    } else {

      setPressed(true);

    }

  }, [changeMe]);

}