Recuerda borrar tu intervalo

 const [seconds, setSeconds] = useState(60); useEffect(() => { const intervalId = setInterval(() => { setSeconds((prevState) => { if(prevState === 1) clearInterval(intervalId) return prevState - 1; }); }, 1000); }, [state.Trade.length]);

El useEffect se activará cuando cambie state.Trade.length .

Probablemente necesite tener una dependencia de seconds .

Algo como esto:

 const [seconds, setSeconds] = useState(60) useEffect(() => { console.log(state.Trade.length ,"woking in useeffect "); setInterval(() => { setSeconds(prevState => prevState - 1) }, 1000); }, [seconds]);

Tenga en cuenta que esto tiene 2 problemas:

1. Linters se quejará de no tener state.Trade.length como dep, pero solo está usando esto para consolar el valor
2. setInterval solo usa el tiempo como una pista. Si quieres una cuenta regresiva adecuada. Debes medir el tiempo entre 2 invocaciones y ajustar el intervalo de 1000ms.

Puedo darle algunos consejos para que pruebe en función de la pregunta que está haciendo y el código que ha proporcionado como referencia.

1. No pase ninguna dependencia en useEffect ya que se ejecutará solo cuando cambie la dependencia. Mantenga la matriz de dependencia en blanco, entonces funcionará como componenteDidMount().
2. Simplemente puede usar la función setTimeOut() para esperar 60 segundos cuando el componente está montado y luego hacer su lógica en eso.
3. No recomiendo usar setSeconds en useEffect cuando su dependencia es la propia variable de segundos. Esto podría causar un renderizado infinito (como se indica en una de las respuestas aquí).

Edición 1: Entonces, lo que estoy haciendo a continuación es cambiar la variable de estado a 1 con un clic de botón para simular su escenario. Luego, en un useEffect, estoy configurando un intervalo para hacer -1 para la variable de seconds , que es 5 aquí, pero puede hacer que sea 60. Al desmontar, el intervalo se borrará. El segundo useEffect es simplemente registrar cuando los seconds cambian cada segundo.

 const[state,setState]=useState(0) const[seconds, setSeconds]=useState(5) useEffect(()=>{ let secondsInterval; if(state===1){ secondsInterval=setInterval(()=>{ setSeconds(prev=>prev-1) },1000) } return()=>clearInterval(secondsInterval) },[state]) useEffect(()=>{ console.log("Time remaining: "+seconds); },[seconds])