formik in＆lt; input＆gt;标签

Question

我正在使用），但是当我呈现表格时，我会在浏览器上收到一些警告，说：

Warning: Invalid value for prop `value` on <input> tag. Either remove it from the element, or pass a string or number value to keep it in the DOM.

这就是我呈现我的字段的方式，

<FormGroup>
 <InputGroup>
  <InputLabel>
    {t('flightsCheckout.main.firstName')}
  </InputLabel>
  <Field name={`passengers[${index}].firstName`}>
    {({field}) => (
      <TextInput {...field} required
        placeholder="E.G. John (Given Name)" type="text"/>
    )}
  </Field>
 </InputGroup>
 <DottedLinesContainer>
  <DottedLines />
 </DottedLinesContainer>
 <InputGroup>
  <InputLabel>
    {t('flightsCheckout.main.lastName')}
  </InputLabel>
  <Field name={`passengers[${index}].lastName`}>
   {({ field }) => (
    <TextInput {...field} required placeholder="E.G. Smith (Last Name)" type="text"/>
   )}
  </Field>
 </InputGroup>
</FormGroup>

如何清除这些警告？