Array field-level validation

[bogdansoare]

I've tried implementing array field-level validation but I get the following error when I try to delete the last item in the array Cannot set a numeric property on an object.

I would like to validate the FieldArray and also each subfield in the array.

Link to the codesandox .

As a side note I've also took a look at final-form/final-form#35 but the proposed solution with record-level validation isn't working with the latest versions of the library https://codesandbox.io/s/2pnv1x052y
Also I find record-level validation much more repetitive and kind of unusable in a real app compared to having some functions for field-level validation

[kavink]

#97 has some tips.

[bogdansoare]

@kavink thanks for the link, but that still doesn't solve my issue.

@erikras any thoughts on this?

[erikras]

Well reported, @bogdansoare. Will investigate... 🔍

[djeeg]

Upgrading from redux-form, I tried how its referenced here https://redux-form.com/6.7.0/examples/fieldarrays/, ie change the array to an object and use _error property.

Unfortuately that didnt work

[erikras]

@djeeg Try this:

import { ARRAY_ERROR } from 'final-form'
...
errors.myArray = []
errors.myArray[ARRAY_ERROR] = 'Error for the whole array'

[djeeg]

Ahh I just found your latest PR with ARRAY_ERROR final-form/final-form#92

Trying it here: https://codesandbox.io/s/kmr4zj22z5

Though still get it to trigger an error

EDIT

Got it, thanks

[bogdansoare]

@erikras did you have time to check array field-level validation ?

[erikras]

No, but this is high on my list of examples to create, so it will get done soon.

[bogdansoare]

@erikras sorry to bother you again, any progress on this?

[erikras]

Thanks for the nudge, @bogdansoare. 👍

[erikras]

Published fix in react-final-form-arrays@1.0.5.

Original sandbox with updated deps:

[bogdansoare]

awesome, thank you very much ❤️