El código está funcionando como quiero. Aparecen las bolas y luego aparecen las semillas después de desaparecer las bolas. Sin embargo, si revisa la consola, hay como 1000 errores, cuando ocurre la desaparición de la pelota.

He intentado resolverlo de dos maneras. Ambos han fallado

 const ballsSetter = () =>{ setBalls(true) } const seedsSetter = () =>{ setBalls(false) setSeeds(true) } const timingOfLevel2 = () => { setTimeout(ballsSetter, 5000); setTimeout(seedsSetter, 15000); setTimeout(() => {console.log("the end")},20000); } useEffect(()=>{ timingOfLevel2() },[]) const ifAttempt = () =>{ if(balls){ return <> <EnemiesBallsReturn enemyBall1Ref = {enemyBall1Ref} /> </> } else if (seeds){ return <> <EnemiesSeedsReturn enemySeed1Ref = {enemySeed1Ref} /> </> } }

y devolviendo la función ifAttempt en el retorno

o

 > {balls? <EnemiesBallsReturn enemyBall1Ref = {enemyBall1Ref}/>:null} {seeds? <EnemiesSeedsReturn enemySeed1Ref = {enemySeed1Ref}/>:null}

de cualquier manera cuando el estado de bolas o semillas es falso, está devolviendo nulo. y no veo nada, pero cuando cambia a semilla arroja este error. básicamente afirmando que no puede dibujar un indefinido . Lo entiendo, pero no debería estar buscando nada porque está desmontado/nulo. Estoy confundido cualquier ayuda o dirección sería muy apreciada