Listing 11-6: Passing an empty array to only run useEffect on mount

Check the console to see the timer.0

import {useEffect,useState} from 'react';

function TimerOnceFun(props){

    const [count,setCount] = useState(0);

    useEffect(() => {
        let time = 0;
        const interval = setInterval(() => {
          console.log(time++);
          if(time===10){
            console.log(`time's up!`);
            clearInterval(interval);
          }
        }, 1000);
        return () => clearInterval(interval);
    },[]);


    
    return (<p>Check the console to see the timer.
        <button onClick={()=>setCount((prev)=>prev+1)}>{count}</button>
      </p>
      );
}

export default TimerOnceFun;