Este es mi Login.tsx

 {!isVerify ? ( // Login form ) : ( <Verify data-phoneNumber={form.phoneNumber} data-countryCode={form.countryCode} /> )}

Después de enviar el móvil con el usuario, cambio isVerify a True y el componente <Verify /> se muestra al usuario.

Y esta es mi verificación:

 const runTimer = () => { useEffect(() => { const interval = setInterval(() => { console.log(time); setTime( (currentTime) => { if (currentTime > 0) { return currentTime - 1; } else { setResend(false) clearInterval(interval); return currentTime; } } ); }, 1000); return () => clearInterval(interval) }, []) } const runAgain = () => { runTimer() } return ( <div> {runTimer()} <div onClick={(e) => runAgain(e)}>Run Again</div> </div> )

Por primera vez, mi temporizador funciona bien. pero por segunda vez no funciona! (si hago clic en ejecutar de nuevo)