Why Do I Need to Manually Specify Types with useField in vee-validate and Yup?

[federicobartoli]

I'm using vee-validate with Yup in a TypeScript project. To get the correct TypeScript types for my form fields, I find myself having to manually specify the type for each field like this:

import { useForm, useField } from 'vee-validate';
import * as Yup from 'yup';

const { values } = useForm({
  validationSchema: Yup.object({
    firstName: Yup.string().required(),
    age: Yup.number().required(),
  }),
});

const formFields = {
  firstName: useField<(typeof values)['firstName']>('firstName'),
  age: useField<(typeof values)['age']>('age'),
};

Is there a way to obtain the field types without manually specifying them for each field? What's the recommended practice for allowing vee-validate to automatically infer the types from my Yup schemas?