Tengo 2 radio button de MUI React, el que dice "Si" funciona perfecto al darle un solo click pero el que dice "No" hasta que le doy doble click, lo curioso es que si le doy un solo click a la palabra "No" o al icono de cierre funciona bien. El método handleRadio no tiene ningún e.preventDefault();
<RadioGroup row aria-label="quiz" name="quiz" value={factura} onChange={handleRadio/*(e) => setfactura(e.target.value)*/}>
<FormControlLabel
style={{ marginRight: 50 }}
value="Sí"
control={<Radio />}
onClick={() => {
setActiveStep(2);
setfactura("Sí");
}}
label={
<div style={{ display: "flex", alignItems: "center" }}>
<Check style={{ marginRight: 5 }} />
Sí
</div>
}
/>
<FormControlLabel
value="No"
control={<Radio />}
onClick={() => {
setActiveStep(3);
setfactura("No");
}}
label={
<div style={{ display: "flex", alignItems: "center" }}>
<Close style={{ marginRight: 5 }} />
No
</div>
}
/>
</RadioGroup>