如何在mui-rff自动完成输入中呈现值

Question

我想使用mui-rff包中的自动完成功能。我可以选择特定的选项，但输入时不显示用户的值。当软件包更新时，所有功能都可以正常工作，但是我不能这样做，因为我的应用程序是较大项目的一部分，并且他们正在使用此特定版本。

用户应仅从列表中选择项目。他无法手动为该输入值。

棘手的部分是，当我向“自动完成”组件添加“多个”道具时，它会渲染值。似乎这里只有一个值是问题。

https://codesandbox.io/s/bad-core-version-coz89?file=/src/App.js

import * as React from "react";
import { Form } from "react-final-form";
import { Autocomplete, Debug } from "mui-rff";
import {
  ThemeProvider,
  createMuiTheme,
  CssBaseline,
  Container
} from "@material-ui/core";

export default function App() {
  return (
    <ThemeProvider theme={createMuiTheme()}>
      <CssBaseline />
      <Container className="App">
        <Form
          initialValues={{ currency: "usd" }}
          onSubmit={console.log}
          render={({ handleSubmit }) => (
            <form onSubmit={handleSubmit}>
              <Autocomplete
                name="currency"
                label="Currency"
                options={[
                  { label: "USD", value: "usd" },
                  { label: "EUR", value: "eur" }
                ]}
                getOptionValue={x => x.value}
                getOptionLabel={x => x.label}
              />
              <Debug />
            </form>
          )}
        />
      </Container>
    </ThemeProvider>
  );
}