index.js

import {useEffect} from 'react'
import {connect} from "formik";

const OnSubmissionError = props => {
    const {callback, formik} = props

    const effect = () => {
        if(formik.submitCount > 0 && !formik.isValid && !formik.isSubmitting){
            callback(formik)
        }
    }
    useEffect(effect, [formik.submitCount, formik.isSubmitting])
    return null
}

export default connect(OnSubmissionError)