React final form禁用不带重复的字段

<FieldArray name="myFields">
  {({ fields }) => (
    <div>
      {fields.map((name, index) => (
        <div key={name}>
          <Field name={name} component="input" type="text" />
          <button type="button" onClick={() => fields.remove(index)}>
            删除
          </button>
        </div>
      ))}
      <button type="button" onClick={() => fields.push()}>
        添加
      </button>
    </div>
  )}
</FieldArray>

<FieldArray name="myFields">
  {({ fields }) => (
    <div>
      {fields.map((name, index) => (
        <div key={name}>
          <Field
            name={name}
            component="input"
            type="text"
            validate={value =>
              fields
                .getAll()
                .filter((_, i) => i !== index)
                .includes(value)
                ? '该字段已存在'
                : undefined
            }
          />
          <button type="button" onClick={() => fields.remove(index)}>
            删除
          </button>
        </div>
      ))}
      <button type="button" onClick={() => fields.push()}>
        添加
      </button>
    </div>
  )}
</FieldArray>