Tengo 2 useEffects dentro de mi componente con los métodos setTimeout y clearTimeout dentro de ellos. Ambos se actualizan en función de los mismos accesorios y las condiciones dentro de ellos son las mismas, sin embargo, uno está configurado para dispararse cada 3 segundos y el otro debería dispararse cada 1 minuto.

Mi problema es que el que debería actualizarse cada minuto no se activa en absoluto.

Creo que puede reiniciarse cada vez que se actualizan los accesorios (cada 3 segundos cuando me consuelo dentro de la instrucción if , es consolador), pero no estoy seguro de cómo solucionar esto, ya que los accesorios se actualizarán cada vez que se active el primero.

Mi objetivo aquí es

1. Para llegar a un punto final cada 3 segundos hasta obtener un resultado esperado y
2. Registre este evento cada 1 minuto para no sobrecargar la base de datos enviando la misma información una y otra vez.

estos son mis efectos de uso:

 useEffect(() => { if(!providerData?.providerAvailable ) { sendMessage({ code: 'NO_PROVIDER_AVAILABLE', value: 'No provider currently available', }); const timerId = window.setTimeout(() => providerRefetch(), 3000); return () => window.clearTimeout(timerId); } else { return; } }, [providerData]); // send No provider event every minute useEffect(() => { if ( !providerData?.providerAvailable ) { const eventId = window.setTimeout(() => sendEvent(), 60000, { key: 'NO_PROVIDER_AVAILABLE', description: 'No provider currently available', }); return () => window.clearTimeout(eventId); } else { return; } }, [providerData]);