Cuando llamo a mi función getNextCard() directamente con <button onClick={getNextCard}>NextCardRound</button></div> funciona, siempre me da el resultado correcto. Pero cuando trato de llamarlo desde socket.on('end-turn') no me da el valor redondo actualizado (que viene de socket.on('get-next-card')). ¿Cómo puedo obtener el valor actualizado de la ronda? Gracias

 useEffect(() => { console.log('useEffect: ' + socket); //ALL EVENTS = ROOM EVENTS //LISTENERS FOR COMMON EVENTS LIKE TABLE CARDS: socket.on('get-next-card', (tablecards, tblcards, nextround) => { console.log('get-next-card: ', tablecards, tblcards, nextround); console.log("ESSE É O ROUND Q CHEGA DO BACK PARA ATUALIZAR: ", nextround); if(nextround!=='showdown'){ //let newArray = tablecards.concat(tblcards); setRound(nextround); setTableCards([...tablecards, ...tblcards]); } }) socket.on('end-turn', () => { console.log('end-turn: ', round); getNextCard(); }) }) ``` ``` function getNextCard(){ console.log("ESSE É O ROUND ANTES EQ VAI SER ENVIADO P BACK: "+round); socket.emit('next-card', tablecards ,round, room, (cb)=>{ console.log("get next card function ", cb); }) }