Prevent field validation on form mount

bug report/feature request

What is the current behavior?

field validation runs on mount of form

<Field
  name="investorEmail"
  validateFields={[]}
  component={TextInput}
  type="email"
  withWrapper
  hint=""
  label="Investors e-mail address"
  validate={(value) => validateRequiredEmail(value, 'investorEmail', 3)}
/>

the field behaves correctly, when error is not collected through error={this.props.error || this.props.meta?.error} but only this.props.error, but I would like not to have these hacks in my code. Is there elegant solution?

What is the expected behavior?

prevent validation from running on the first render

can be acomplished by

validate={(value, values, meta) => meta.touched && validateRequiredEmail(value, ‘investorEmail’, 3)} , but then doesn’t validate on form submit

[pietrofxq]

I came here trying to find out how to prevent a FormSpy to call onChange on mount. I ended using lodash isEmpty together with the touched value of the form since it will always be an empty object on the first render to prevent saving the form

[bluSCALE4]

I typically only validate if a value is present.

const validate = (value) => {
    if (value) {
      clearTimeout(validateTimeout);
      setIndicatorActive(true);
      console.log("validation executed");
      validateTimeout = setTimeout(() => {
        setIndicatorActive(false);
      }, 1000);
      if (!value || value.length < 2) {
        return "I need something longer 💁🏻‍♀️";
      }
    } else {
      return undefined;
    }
  };