title: Yup schema validation with arrays doesnt display the error message
body: <p>All,
  I am using yup 0.26.2 for my react with typescript application. I am trying to do simple validation on my form( react Formal 0.28.5). Please see the  schema I use below for validation. The problem is I don't see the required field error message when clicking on a submit button without entering anything on the form for payment details (array) doesn't show me the validation error text I have against each filed under payments array. The form doesn't get submitted though. Can someone help?</p>
  <pre><code>const mySchema = yup.object({
      customerId: yup.number(),
      customerType: yup.string(), 
      address: yup.object({
          address1: yup.string(),
          address1: yup.string(),
          city: yup.string()
              .required('City is required.')
              .typeError('City is required.'),
          state: yup.string()
          .required('state is required.')
          .typeError('state is required.')
      }),
      payments: yup.array().of(yup.object({
          paymentAmount: yup.number().typeError('Invalid Promise to Pay Amount.')
              .required(&quot;Payment Amount is required.&quot;)
              .min(1,&quot;Payment Amount must be greater than 0.&quot;),
          paymentDate: yup.date().typeError('Invalid Date.')
              .required(&quot;Payment Date is required.&quot;)
              .min(tomorrow, 'Payment Date must be a future date.'),
          breakDays: yup.number()
              .typeError('Invalid Break Day')
              .required(&quot;Break Day is required.&quot;)
              .min(1, 'Break Days must be greater than 0.')
      }))
  })
  </code></pre>