Sequential validation after onBlur on required fields

[3runoDesign]

After the 'OnBlur' event in any mandatory field ... all other fields with any validation are triggered as invalid.

One of my approaches was to customize my fields for these types of forms...

...
onBlur={() => helpers.setTouched(true)}
...

But I really don't know what the best approach would be!.

https://codesandbox.io/s/polished-dew-8ns0u?file=/src/pages/index.tsx Such an exception occurs only in subsequent steps.

Thanks!!

[bmvantunes]

That example you sent seems to be working correctly. I also was not able to trigger any exception playing with your code :)

The only interesting thing I saw is that you are probably trying to play with FormArrays by the name of your fields [lastName] - if you want that, you want to check: https://formik.org/docs/api/fieldarray

[3runoDesign]

is that the first stage has to be the second stage. I will change here later.

[3runoDesign]

Update https://codesandbox.io/s/polished-dew-8ns0u?file=/src/pages/index.tsx

[bmvantunes]

Any news regarding this one? :)

[3runoDesign]

@bmvantunes the solution was to reset the touched fields for each new step.

helpers.setTouched({});

https://codesandbox.io/s/polished-dew-8ns0u?file=/src/pages/index.tsx:4143-4176