Select.js

<Select
                            style={{
                              marginTop: 10,
                            }}
                            value={idContrato}
                            onChange={handleInputChange}
                            native
                            label="Contrato"
                            required
                            inputProps={{
                              name: "idContrato",
                              id: "idContrato",
                            }}
                          >
                            <option key="default" defaultValue>
                              Seleccione Contrato
                            </option>
                            {contratos ? (
                              contratos.map((contrato) => (
                                <option
                                  key={contrato.id}
                                  id={contrato.id}
                                  value={contrato.id}
                                >
                                  {contrato.idContrato}
                                </option>
                              ))
                            ) : (
                              <option key="nodata">No existen contratos</option>
                            )}
                          </Select>