useEffect() Hook

utiliser la hook useEffect() pour incrementer un compteur

Counter()

        import React, { useState, useEffect } from 'react'
        export default function Counter() {
        
            //count seconds
        
            const [counter, setCounter] = useState(0)
            useEffect(() => {
                const increment = setInterval(() => {
                    setCounter((counter) => counter + 1)
                }, 1000)
                return () => {
                    clearInterval(increment)
                }
            }, [counter])
        
            return (
                <div>
                    <div>
                        <h1>Set Interval Counter</h1>
                        <h3><span>{counter}</span> seconds have passed</h3>
                    </div>
                </div>
            )
        }