How to reset to undefined or defaultValue when a field is required using yupResolver

[erikash]

Hi,
Recently I've upgraded to the latest version (from 3.1.0) which uncovered a lot of typing issues now that the form type is inferred from the yup schema...

Given the code:

export const preferencesSchema = yup.object({
  useExcessStipend: yup
    .string()
    .oneOf(Object.values(YesNo), validationMessages.aleRequired)
    .typeError(validationMessages.aleRequired)
    .required(validationMessages.aleRequired),
  allowanceModel: yup
    .mixed((file): file is File => file instanceof File)
    .required(validationMessages.allowanceModelRequired),
});

const {
    handleSubmit,
    control,
    watch,
    resetField,
    formState: { isValid, isSubmitting, errors },
  } = useForm({
    mode: 'onBlur',
    resolver: yupResolver(preferencesSchema),
});

Few questions

1. This code is great for enforcing that both fields are present and not null for sending the payload to the server but I'm having issues resetting the form dynamically:
   setValue('allowanceModel', undefined, { shouldValidate: true });
   As the allowanceModel fields is required...
   Any ways around it?

2. How can I provide a default value only for the useExcessStipend taken from the component props? I want to make sure that if the component re-renders with a different value for useExcessStipend in the props the form would set it's state to the new value

Kudos for the great library!