Sequential setFieldValue runs validation incorrectly

[WebTravel]

Bug report

Current Behavior

User has three fields. "fillFields", "firstName", "lastName".
fill - is a radio button. When user clicks on this fields both another fields are filling some values.
Filling of this values happen in useEffect hook. And all works fine without validation. It doesn't work properly.

I have the example. https://codesandbox.io/s/red-glade-x3y32
Step to reproduce this bug:

1. Fill firstName
2. Fill lasName
3. Clear firstName
4. Clear lastName
5. You see the errors about requirement fields above
6. Click to radio button "Fill fields"
7. The error one of field is cleared, but the error second field still display to user

Then if i click outside fillFields. Validation runs again after onBlur and the error disappears. But it has to disappear after onChange. The validation needs to call after updating of values state.

Expected behavior

The errors doesn't appear to user for all fields.

Reproducible example

https://codesandbox.io/s/red-glade-x3y32?file=/src/App.js

Additional context

I use useFormik hook. I suppose validation doesn't has to run before the state was updated.

Your environment

Software	Version(s)
Formik	17.0.2
React	2.2.9
Operating System	Any

[johnrom]

Fixed in v3 beta #3231

https://codesandbox.io/s/crazy-matan-dno1x?file=/src/App.js

[WebTravel]

Thanks for the answer, but this demo doesn't work

[johnrom]

For some reason codesandbox hasn't been updating after a few saves lately. I updated it above, so hopefully it saved.

[halcarleton]

Fixed in v3 beta #3231

https://codesandbox.io/s/crazy-matan-dno1x?file=/src/App.js

Is there going to be a fix released to 2.x.x?