Pass component props as context for yup validation

Feature

Yup validation can accept the context which can be used for validation purposes, but which is not a part of schema/values. Can we pass props as context?

Current Behavior

I see that validateYupSchema can accept context argument but it’s not used anywhere.

Desired Behavior

Be able to use component’s props and validation rules.

Suggested Solutions

Add component’s props as context for validateYupSchema()

[DaddyWarbucks]

Rather than passing the whole set of component props, it seems simple enough to add another prop validationContext that would ultimately be passed to the yup context options. I know this was closed automatically. But, would you be open to a PR that adds another prop validationContext?

[DaddyWarbucks]

My PR was closed for a fix to this issue for some valid reasons. Although Formik is somewhat “inspired” by Yup, the two aren’t married. There are no props that are “just for Yup’s sake”. You can pass a Yup schema, or any other schema with a .validate(values) method. Those other schemas however may not accept a second argument options.context. This means something like validationContext would be a prop “just for Yup’s sake”.

Similar to @klis87 solution above and another referenced here I think a good solution is to just use React composability to solve this

import { Formik, yupToFormErrors } from 'formik';

export default props => {
  return (
    <Formik
      validate={(values, props) => {
        return props.validationSchema
          .validate(values, { abortEarly: false, context: props.context })
          .catch(err => {
            throw yupToFormErrors(err);
          });
      }}
      {...props}
    />
  );
};

See comments on PR for some more info: https://github.com/jaredpalmer/formik/pull/1508

I think the real solve for this is some documentation.