Using yup with onChange or onBlur mode

[dioklecijan]

Describe the bug
onChange and onBlur mode doesn't work with yup validation schema or I miss something :)

To Reproduce
Steps to reproduce the behavior:

1. Open ValidationSchema example: https://codesandbox.io/s/928po918qr
2. Set mode: 'onBlur:

const { register, handleSubmit, errors } = useForm({
    mode: 'onBlur',
    validationSchema: SignupSchema
  });

3. Change the firstName and/or age fields and watch stringified errors object.

It looks like that clearing error works OK, but setting error does not.

Expected behavior
Expected error message for empty firstName field after leaving field.

Desktop (please complete the following information):

• OS: macOS 10.14.4
• Browser chrome, 73.0.3683.103

[bluebill1049]

thanks @dioklecijan I will look into that and get it fixed :)

[bluebill1049]

This issue has been fixed https://github.com/bluebill1049/react-hook-form/releases/tag/v3.0.3

https://codesandbox.io/s/928po918qr

[dioklecijan]

Yep. Thanks!

[subvertallchris]

I'm finding that onBlur with Yup doesn't work until you submit the form once. You can see it in the codesandbox in @bluebill1049's comment above. Is this expected?

[bluebill1049]

@subvertallchris which comment & can you post the link of the CSB?

[subvertallchris]

You can use this https://codesandbox.io/embed/react-hook-form-validationschema-vk3s4?fontsize=14&hidenavigation=1&theme=dark. It's the CSB from your very last comment before now with reValidateMode: 'onBlur'. You'll see that it doesn't run validations at all until you submit the form but then it runs correctly.

[bluebill1049]

@subvertallchris i am going to sleep now, can you make sure use the latest version? in case that's the fix.

[subvertallchris]

Updated it to use the current version, which I'm also running locally -- no change. Thanks for quick reply and all your work on this library, it's excellent!

[bluebill1049]

@subvertallchris that's correct behaviour for reValidateMode: "onBlur". you want to change your mode to "onBlur"

[subvertallchris]

😮!

I saw reValidationMode and assumed from the lack of plain validationMode that it handled 100% of the operation. Thanks for the clarification!

[bluebill1049]

all good, sorry for the late reply. i was tired last night and went to bed.

[subvertallchris]

Oh man, nothing to apologize for! My day is just starting as yours is ending. This was a great turnaround time. FYI I've already got your library in production and it's going to be part of every form in the project, it's providing a great value already. Thank you for all your hard work.