[Bug]: Document issue

Version Number

7.15.4

Codesandbox/Expo snack

https://codesandbox.io/s/sweet-dream-58m9v

Steps to reproduce

1. Code was copied from the documentation.
2. Run tsc
3. Or in VSCode in the line it shows the error.

Expected behaviour

Without any issue.

What browsers are you seeing the problem on?

No response

Relevant log output

Type error: Type '(values: unknown, context: object, options: ResolverOptions<AssertsShape<Assign<ObjectShape, { firstName: RequiredStringSchema<string, Record<string, any>>; age: RequiredNumberSchema<number, Record<...>>; }>>>) => Promise<...>' is not assignable to type 'Resolver<IFormInputs, object>'.
  Types of parameters 'options' and 'options' are incompatible.
    Type 'ResolverOptions<IFormInputs>' is not assignable to type 'ResolverOptions<AssertsShape<Assign<ObjectShape, { firstName: RequiredStringSchema<string, Record<string, any>>; age: RequiredNumberSchema<number, Record<string, any>>; }>>>'.
      Type 'IFormInputs' is not assignable to type 'AssertsShape<Assign<ObjectShape, { firstName: RequiredStringSchema<string, Record<string, any>>; age: RequiredNumberSchema<number, Record<string, any>>; }>>'.
        Index signature for type 'string' is missing in type 'IFormInputs'.

  53 |     formState: { errors },
  54 |   } = useForm<IFormInputs>({
> 55 |     resolver: yupResolver(schema),
     |     ^
  56 |   });
  57 |   const onSubmit = (data: IFormInputs) => console.log(data);
  58 | 
error Command failed with exit code 1.

Code of Conduct

• I agree to follow this project’s Code of Conduct

[bluebill1049]

@wroughtec adding the .required() fix the issue as well.

const SignupSchema = Yup.object().shape(
  {
    min: Yup.number()
      .min(0)
      .max(20)
      .when("max", {
        is: (val) => val,
        then: Yup.number().required().max(Yup.ref("max"))
      }),
    max: Yup.number()
      .min(0)
      .max(20)
      .when("min", {
        is: (val) => val,
        then: Yup.number().required().min(Yup.ref("min"))
      })
  },
  [["min", "max"]]
).required();

[bluebill1049]

follow the updated doc for now: https://react-hook-form.com/get-started#SchemaValidation @vtrphan