Typescript error when using defineField with script lang="ts" in Vue 3

[anthonyaquino83]

Hi guys, I have this simple form below, it works fine but when I change the script to use Typescript it shows the error that defineField does not exist in type FormContext<GenericObject,GenericObject>.
Can you help me fix it please?

<script setup lang="ts">
import { useForm } from "vee-validate";
import * as yup from "yup";

const { errors, handleSubmit, defineField, setValues, resetForm } = useForm({
    validationSchema: yup.object({
        email: yup.string().email().required(),
        password: yup.string().min(6).required(),
    }),
    // initialValues: {
    //   email: 'test@example.com',
    //   password: 'p@$$w0rd'
    // }
});

// Creates a submission handler
// It validate all fields and doesn't call your function unless all fields are valid
const onSubmit = handleSubmit((values) => {
    console.log("handleSubmit");

    alert(JSON.stringify(values, null, 2));
    resetForm();
});

const [email, emailAttrs] = defineField("email");
const [password, passwordAttrs] = defineField("password");

function updateValues() {
    console.log("updateValues");
    // set a single field value
    // setFieldValue('email', 'test@example.com');

    // set multiple fields values
    setValues({
        email: "test@example.com",
        password: "p@$$w0rd",
    });
}
</script>

<template>
    <form @submit="onSubmit">
        <input v-model="email" type="email" v-bind="emailAttrs" />
        <div>{{ errors.email }}</div>

        <input v-model="password" type="password" v-bind="passwordAttrs" />
        <div>{{ errors.password }}</div>

        <button>Submit</button>
        <button
            type="button"
            @click="
                resetForm({
                    values: { email: 'test@email.com' },
                    errors: { password: 'Password taken :-)' },
                })
            "
        >
            Reset
        </button>
    </form>
    <button @click="updateValues">Update values</button>
</template>```