Type inference for react hook form

[adenteo]

With the example code below,

    interface ITest {
        test?: string;
        test2?: string;
    }

    const testObj: yup.ObjectSchema<ITest> = yup.object().shape({
        test: yup.string().required(),
        test2: yup.string().required(),
    });

    const methods = useForm({
        mode: "onTouched",
        resolver: yupResolver(testObj),
    });

I am trying to enforce the interface ITest on testObj. However, with yup.ObjectSchema<ITest>, when i try to infer the available parameters with methods.watch(), I am unable to get them. If i remove yup.ObjectSchema<ITest>, then It works. Is there something I am doing wrong? How else do I enforce my schema type while still ensuring that I can infer the types correctly?

SCENARIO 1, WITHOUT yup.ObjectSchema<ITest>:

const testObj = yup.object().shape({
        test: yup.string().required(),
        test2: yup.string().required(),
    });

SCENARIO 2, WITH yup.ObjectSchema<ITest> I lose all type inference.

const testObj: yup.ObjectSchema<ITest> = yup.object().shape({
        test: yup.string().required(),
        test2: yup.string().required(),
    });

How do I achieve scenario 1 but still have the type enforcement with yup.ObjectSchema<ITest>?