Creé una aplicación de temporizador usando react y typeScript .
En el Proyecto, necesito almacenar la instancia de setInterval() en el gancho useState() que usaré para borrar la instancia de setInterval() .
Mi instancia de temporizador se ve así.

 const [timer, setTimer] = useState<NodeJS.Timer>();

Estoy usando esta función para borrar la instancia del temporizador

 const stop = () => { clearInterval(timer); setTimerOn(false); };

Pero el problema con este enfoque es que dentro de la función de parada clearInterval muestra un error porque el tipo de temporizador es NodeJS.timer | undefined y solo se permite el tipo NodeJS.timer en la función clearInterval .

Para eliminar el tipo indefinido de useState , he creado una instancia ficticia setInterval y la uso como el valor inicial en useState , como se muestra en la imagen a continuación.

Sin embargo, me pregunto si mi enfoque es correcto o es solo una solución pirateada. Quiero saber un enfoque adecuado para esto.