title: Validate a nested object with Yup in Formik
body: <p>I am trying to validate a nested object in a Formik form with Yup. I am also using the formik-antd library (just mappings between formik and antd).</p>
  
  <p>After I select an option the Select component, I get this error msg:
  <code>parent.id is a required field</code>.</p>
  
  <p>Here's my Yup schema:</p>
  
  <pre><code>const validationSchema = Yup.object().shape({
      parent: Yup.object().shape(
          {
              id: Yup.string().required()
          }
      )
  })
  </code></pre>
  
  <p>And my form:</p>
  
  <pre><code>import { FormItem, TreeSelect } from '@jbuschke/formik-antd'
  
  &lt;React.Fragment&gt;
      &lt;FormItem name='parent.id'&gt;
          &lt;TreeSelect
              name='parent.id'
              style={{ width: '100%', marginBottom: '.5rem', marginTop: '.5rem' }}
              value={selectedWbsComponent}
              dropdownStyle={{ maxHeight: 400, overflow: 'auto' }}
              treeData={treeData}
              placeholder='Select parent WBS component'
              treeDefaultExpandAll
              onChange={onChange}
          /&gt;
      &lt;/FormItem&gt;
  &lt;/React.Fragment&gt;
  </code></pre>