Trying to get Formik props from validate function

[ismajl-ramadani]

Hi there,

I'm trying to access formik.getFieldMeta method from validate function, but I'm not being able to do it. I want to achieve a custom validation for some specific case, and I was referring to this question in StackOverflow. The validate looks like is providing only values and the props that are passed from the outside wrapper of withFormik component, but not the Formik exposed props.

To give you a clear example,

function AccountInnerForm(props) {
  // props here work just like in the Formik component which is perfectly fine
  return (
      ...
            
                <div className="input">
                  <Field name="phone_number" placeholder={t("Phone number")}>
                    {({ field, form }) => (
                      <PhoneInput
                        {...field}
                        international
                        countryCallingCodeEditable={false}
                        defaultCountry="DK"
                        placeholder={t("Phone number")}
                        onChange={(value) =>
                          form.setFieldValue("phone_number", value)
                        }
                      />
                    )}
                  </Field>
                </div>
                <ErrorMessage name="phone_number">
                  {(msg) => <span className="invalid-feedback">{msg}</span>}
                </ErrorMessage>
              </div>
            </div>
            <button type="submit" className="button light sm">
              {t("Apply")}
            </button>
      ....
  );
}

And then I have a parent component that renders the form and handles the submit:

const AccountSettingsWithFormik = withFormik({
  mapPropsToValues: (props) => {
    ...
  },
  validate: (values, props) => {
    console.log({
      values,
      props,
    });
  },
  handleSubmit: async (values, { props }) => {
   ...
  },
})(AccountInnerForm);

And I also have a parent component for the AccountSettingsWithFormik component:

const Account = () => {

  return (
    <AccountSettingsWithFormik
      ...props
      customProp="customProp"
    />
  );
};

Now in the validate function I only get the props passed from the
Account, and not the props that I'm assuming should be injected from the
withFormik

I'm not sure if I'm doing something wrong or if this is a bug in the
library. I'm using version of Formik (2.2.9) and React
(18.2.0)