submitForm seems to not work if validate is async

When calling submitForm and using validate with async validations submitForm never executes

---

• Formik Version: ^0.11.10

[hudecsamuel]

Having the same problem here, the example is a bit confusing. Tried to look at the source code and figure it out.

You have to return a promise (the example is resolving a promise and is either returning nothing or throwing an error)

Edited your codesandbox to have it working as expected here

btw the example could be be something along the lines of (if you really have to return a Promise)

const sleep = ms => new Promise(resolve => setTimeout(resolve, ms))

const validate = (values, props) => sleep(2000)
    .then(() => new Promise((resolve, reject) => {
        const errors = {}
        if (['admin', 'null', 'god'].includes(values.username)) {
            errors.username = 'Nice try'
        }
        // ...
        if (Object.keys(errors).length) {
            reject(errors) // this can be 'throw errors'
        } else {
            resolve()
        }
    }))

it doesn’t really make sense, but it returns a promise in the end that is resolved inside formik.

You can also resolve a Promise like that in the validate function and return the errors as object

const validate = (values, props) => sleep(2000).then(() => {
    const errors = {}
    if (!values.email) {
        errors.email = 'Required'
    } else if (
        !/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i.test(values.email)
    ) {
        errors.email = 'Invalid email address'
    }
    return errors
})

Here is another example of using Promise as return value of validate function that works

const validate = (values, props) => new Promise((resolve, reject) => {
    const errors = {}
    if (!values.email) {
        errors.email = 'Required'
    } else if (
        !/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i.test(values.email)
    ) {
        errors.email = 'Invalid email address'
    }

    if (Object.keys(errors).length) {
        reject(errors)
    } else {
        resolve()
    }
})

[esperancaJS]

Thanks for your availability @prichodko.

I have replicated it here

Based on the example on the README.md

console.log("submiting!");

never triggers