Tengo una función en React en la que intento cambiar el estado y agregar una clase que diseñe el botón en el que se hizo clic. El problema es que cuando evito alterar el estado en la función userAnswers() , el estilo funciona, pero cuando agrego setChoices() , el estilo no funciona. Este es el código:

 function userAnswers (e) { const choiceBtns = document.querySelectorAll(".choice-btns") choiceBtns.forEach((btn) => { if (e.target.id === btn.id) { btn.classList.remove("chosen") } }) e.target.classList.add("chosen") setChoices((prev) => { return prev.map((q) => { return {...q, [e.target.value]: false} }) }) setChoices((prev) => { return prev.map((q) => { if (q.id === e.target.id) { return {...q, [e.target.value]: true} } else { return {...q} } }) }) }

¡No sé, me estoy perdiendo algo aquí! Cualquier ayuda sería apreciada.