reactjs - 如何处理 Formik 中的对象的 error.touched 和错误

Question

我有一个对象，我将它与 Formik 集成到一个表单中

 const obj = {
   address: {
     line1: 'Street1',
     line2: 'Street2',
     line3: 'Street3'
  }

当我创建 formik.group 时，我遇到了值控制的问题。

      <Form.Control
              value={formikProps.values.address.line2}
              onChange={formikProps.handleChange}
              onBlur={formikProps.handleBlur}
              type="text"
              name="address.line2"
              aria-label="address line 2"
              isInvalid={
                !!formikProps.touched.address.line2 &&
                !!formikProps.errors.address.line2
              }
               />

如果我添加isInvalid我最终会出现错误：

 TS2339: Property 'line2' does not exist on type 'boolean | FormikTouched<any> | FormikTouched<any>[]'.

类型“false”上不存在属性“line2”。

如果我删除isInvalid，则修改文本字段没有问题。

如何将对象集成到 isInvalid 控件中？如果你有一个想法？

   isInvalid={
            !!formikProps.touched.address.line2 &&
            !!formikProps.errors.address.line2
          }