el menú de opciones permanece representado incluso si no se selecciona el valor mínimo después de seleccionarlo. Puedo marcar la casilla de verificación y reducir el valor, la casilla de verificación se anula pero el menú de opciones aún se muestra.

 <div> {total >= installmentLimits[0].minimum && ( <Checkbox id="installments" onChange={(e) => toggleInstallments(e.target.checked)} > Meses sin intereses </Checkbox> )} </div> {installments && ( <Select defaultValue={installmentLimits[0].months} onChange={(value) => setInstallmentValue(value)} > {installmentLimits.map((i) => { if (total >= i.minimum) { return <Option value={i.months}>{i.months} meses</Option>; } })} </Select> )} {installments && ( <Typography.Text code> Se cobrará una comisión adicional del{" "} {installmentLimits.find((e) => e.months === installmentValue) .additionalFee * 100}{" "} % </Typography.Text> )}