javascript - Yup schéma s vee-validate a typescript

Chci ověřit pole objektů pomocí ověřování schématu yup, ale mám chybu v TypeScriptu.

Toto je mé yup schéma:

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'),
});

A Nastavení (tady mám chybu):

 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,
      }
    );

Rozhraní RoleType:

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

Jak to mohu opravit?