Passing additional data into <Field /> which will be accessible in validate

I need to pass additional object myCustomData which I can access in meta.data <Field name="firstName" myCustomData={{isOk: true}} validate={(value, values, meta) =>{ return meta.data.myCustomData.isOk ? null : 'Error' }} />

Passing additional data into Field which I can access in 'validate ’ function would be very helpful

_Originally posted by @lock in https://github.com/final-form/react-final-form/issues/355#issuecomment-544117342_

[jsrhodes15]

Just an avid consumer of this library, so author/maintainers feel free to correct me, but my advice would be to use a curried function here. We do this all the time:

const customIsValid = (data) => (value) => data.isOk ? undefined : 'Error';

<Field 
  name="too"
  validate={customIsValid({isOk: true})
 >

With this pattern you have/can have access to whatever values you need.

[msageryd]

@marrkeri You didn’t write that you wanted to update the data, so I didn’t answer that question. The code I wrote above is just the initialisation part. If you want to update meta.data you can do this with a mutator. Or even install one of Erik’s companion libs for this (it’s actually just one function). https://www.npmjs.com/package/final-form-set-field-data

One of Erik’s blog posts describes this. The second part (about field warnings) might apply to your use case: https://blog.cloudboost.io/final-form-decorators-calculated-fields-and-warnings-bf9cccd21b7e