How to redirect the page using withRouter HOC after handleSubmit is successful?

Can I have an example/snippet which is using react-router-v4 to redirect after successful submission? I am not sure how to use withRouter HOC with withFormik HOC?

If I could get props.history inside handleSubmit, then i can redirect the user to new page using props.history.push(‘/any-new-page’)

const EnhancedForm = withFormik({
  mapPropsToValues: () => ({ 
    surveyTitle: '',
    surveyCategory: ''
 }),
  validationSchema: Yup.object().shape({
    surveyTitle: Yup.string().required('Survey name is required'),
    surveyCategory: Yup.string().required('Survey category is required')
  }),
  handleSubmit: (values, { setSubmitting }, history) => {
    setTimeout(() => {
      alert(JSON.stringify(values, null, 2));
      setSubmitting(false);
      // How to get history props from withRouter HOC to here
      history.push('/any-new-page');
    }, 1000);
  },
})(MyInnerForm);

[prichodko]

Second argument in handleSubmit includes props. You should be able to get history from there.

[jay-jlm]

This is what worked for me:

<WrappedFormComp {...props} />

Now that you passed history via prop drilling, you can write:

const formEnhancer = withFormik({
   [...]
    handleSubmit(values, { props }) {
      props.history.push('/some/funky/path')
    }
  })