Listing 11-5: Creating a new timer with each render

Check the console to see the timer.0

import {useEffect,useState} from 'react';

function TimerRestartFun(props){

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

    useEffect(() => {
        let time = 0;
        const interval = setInterval(() => {
          console.log(time++);
        }, 1000);
        return () => clearInterval(interval);
    });

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

export default TimerRestartFun;