Quiero validar una matriz de objetos con la validación del esquema yup, pero tengo un error de mecanografiado.

Este es mi esquema sí:

 const validationSchema = yup.object({ roles: yup .array() .of( yup.object().shape({ id: yup.number(), title: yup.string(), created_at: yup.string(), updated_at: yup.string(), }) ) .required('Role is required'), });

Y Configuración (aquí tengo un error):

 const { handleSubmit, errors, meta, setValues } = useForm({ validationSchema, }); const { value: roles } = useField<RoleType[]>('roles'); watch( () => props.data, (value) => { if (value) { const { roles } = value; setValues({ roles, }); } }, { immediate: true, } );

Interfaz de tipo de rol:

 export interface RoleType { id: number; title: string; created_at: string; updated_at: string; }

¿Cómo puedo arreglar eso?