reactjs - Yup skjema validering med arrays viser ikke feilmeldingen

Alle, jeg bruker yup 0.26.2 for min React-applikasjon med TypeScript. Jeg prøver å gjøre enkel validering på skjemaet mitt (react Formal 0.28.5). Se skjemaet jeg bruker for validering nedenfor. Problemet er at jeg ikke ser feilmeldingen for påkrevde felt når jeg klikker på send-knappen uten å fylle inn noe i skjemaet for betalingsdetaljer (array). Det viser meg ikke valideringsteksten jeg har for hvert felt under betalingsarrayet. Skjemaet blir imidlertid ikke sendt. Kan noen hjelpe?

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("Payment Amount is required.")
            .min(1,"Payment Amount must be greater than 0."),
        paymentDate: yup.date().typeError('Invalid Date.')
            .required("Payment Date is required.")
            .min(tomorrow, 'Payment Date must be a future date.'),
        breakDays: yup.number()
            .typeError('Invalid Break Day')
            .required("Break Day is required.")
            .min(1, 'Break Days must be greater than 0.')
    }))
})