Hice lo mismo usando el formulario Form.control. Aquí está el código y la captura de pantalla .
{product.countInStock > 0 && ( <ListGroupItem> <Row> <Col>Qty</Col> <Form.Control as="select" value={qty} onChange={(e) => setQty(e.target.value)} > {[...Array(product.countInStock).keys()].map((x) => ( <option key={x + 1} value={x + 1}> {x + 1} </option> ))} </Form.Control> </Row> </ListGroupItem> )}pero quiero lo mismo en formato de etiqueta de entrada como este
<input type="number" value={qty} onChange={(e) => setQty(e.target.valueAsNumber)} min="0" max={product.countInStock} />