Tengo dos conjuntos diferentes de setTimeouts que se ejecutarán dependiendo de si el ancho del navegador es superior a 991 px. Mi idea para resolver esto fue poner una función en un useEffect que probaría el ancho de los navegadores y luego elegiría entre los conjuntos de tiempos de espera. El problema con esto es que no se supone que debes poner una función en useEffect que se ejecuta de forma externa. He incluido el código en el que estoy trabajando básicamente como pseudocódigo para transmitir la idea de la que estaba hablando. ¿Qué puedo hacer para resolver esto?

 useEffect(()=>{ function getWindowDimensions() { const { innerWidth: width } = window; return { width, }; } },[]) function testWidth() { if (width > 991) { setTimeout(() => { symbol.style.opacity = "1"; }, 400); setTimeout(() => { symbol.style.bottom = "6%"; }, 500); } else { setTimeout(() => { symbol.style.opacity = "1"; }, 400); setTimeout(() => { symbol.style.bottom = "6%"; }, 500); } }