FieldArray change triggers validation twice

[liupy525]

🐛 Bug report

Current Behavior

When Field in FieldArray changed, the validate of Field was triggered twice.
Take a look into example in code sandbox.

Expected behavior

Validation happens only once.

Reproducible example

https://codesandbox.io/s/formik-fieldarray-change-validation-bug-8m6l4

Suggested solution(s)

Additional context

Your environment

Software	Version(s)
Formik	2.1.1
React	16.12.0
TypeScript
Browser
npm/Yarn
Operating System

[mrmuhammadali]

I don't know if it's desired behavior but I'm able to figure out what changes were committed which caused this:
v2.0.7...v2.0.8#diff-5726f9052216350a9c64a497cd89e4bb
It might be helpful to solve this issue.
@jaredpalmer

[pietmichal]

I've noticed that this is happening when a change happens within an element of the array.

for example

foo: [
  { bar: "" } // updating value of `bar` runs validation two times in a row
]

[pietmichal]

I've digged deeper and now I am seeing a pattern.

The amount of validations is equal to the amount of <FieldArray>'s preceding <Field>.

I've made a codesandbox demonstrating this: https://codesandbox.io/s/form-fieldarray-multiple-validation-bug-frxk1

This impacts component's performance because the amount of validations co-relates the amount of re-renders.

[antonioorct]

Any updates or workarounds for this?