Estoy haciendo un juego de React Card con ganchos y todo eso. Pero no puedo entender cómo implementar esperar a que el usuario haga clic cuando se cumple cierta condición (cuando se enciende el reproductor humano, por ejemplo). Necesito que funcione en ciertos botones (tarjetas), no en un clic de ventana global. Intenté con async await y event listeners pero no puedo hacer que funcione (event listener no reconocido, no estoy seguro si funciona en React). Si alguien pudiera ayudarme con una plantilla sobre cómo hacer eso. Gracias por la ayuda de antemano. El ejemplo de código está debajo

 export function playTurn(...players) { let cardsThrown = 0; // for example if lastWinner or secondPLayer===human wait for on click on "classname" whoPlaysFirst(...players); let lastWinner = lastTurnWinner(...players); const { hand: lastTurnWinnerHand } = lastWinner; lastWinner.currentCard = lastWinner .playCard(sample(lastTurnWinnerHand)) .shift(); Game.winningSuit = lastWinner.currentCard.suit; cardsThrown += 1; console.log(lastWinner.currentCard); while (cardsThrown !== 4) { let secondPlayer = nextPlayer(Game.lastPlayer); secondPlayer.currentCard = secondPlayer .playCard(sample(secondPlayer.hand)) .shift(); cardsThrown += 1; console.log(secondPlayer.currentCard); lastWinner = winningCard(lastWinner, secondPlayer); //Pobjednik ostaje Game.lastPlayer = secondPlayer; } console.log("Pobjednicka karta je: ", lastWinner.currentCard); nextTurn(lastWinner, ...players); }