después de algunas investigaciones, llegué con esta función de reacción llamada flushSync, mientras leía algunos ejemplos, dice que obliga a que cada setState interno sea sincrónico, pero cuando lo implemento en mi código la primera vez que presiono la casilla de verificación, se verifica en la página, pero el estado de reacción no se actualiza a marcado (booleano verdadero), y la segunda vez que presiono la casilla de verificación, se desmarca pero el estado de reacción se marca, por lo que se desincroniza, ¿estoy haciendo algo mal o es un comportamiento normal?

 function handleGenre(e) { flushSync(() => { setState({...state, genres : {...state.genres, [e.target.name]: e.target.checked}}) }); Object.values(state.genres).find(e => e === true) ? console.log('si') : console.log('no') }