react-custom-validation
react-custom-validation copied to clipboard
onValid function passed to $submit can be called twice when using async validations
I'm using [email protected]
and [email protected]
.
This happens when submit occurs while the validation result is still undetermined.
The following events happen in the library:
-
dispatchUpdate
is called fromsetTimeout
- form is valid so
onValid
gets called and changes the redux state - change in redux state causes
render
of the parent of validate form - this causes call of
componentWillReceiveProps
in validated HOC -
dispatchUpdate
is called again but the register is still in submitting state (call ofonValid
has not finished yet)
I was able to reproduce this issue only when running cypress tests as the async validation is quite fast.