Multiple errors for one field

[trickreich]

I'm not sure how to handle multiple errors for one field.
Actually I'm using setError and pass an Array<string> instead of a string for message.
Sound's this legit to someone else?

form.setError("myfield", {
    message: ["Error Message 1", "Error Message",
})

[bluebill1049]

https://react-hook-form.com/api/useform

criteriaMode ?

[trickreich]

my hack with an array in message is working.
any disadvantages for us this way?

[trickreich]

is this api with types a misstype or not documented?
https://react-hook-form.com/api/useform/seterror

[bluebill1049]

oh... oops will get that updated

[bluebill1049]

an example is there.

[trickreich]

also it wasn't easy for me to get which type I could use, didn't know it's just a free string

[trickreich]

I've done following to handle multiple errors from a api response:

function setMultipleErrors(field, errors) {
    const types = {}
    errors.forEach((error, i) => {
        types[`apiError${i + 1}`] = error
    })

    form.setError(field, {
        types,
    })
}

function handleApiErrors(apiErrors) {
    const newFormErrors = {}

    apiErrors.forEach(({ field, messages }) => {
        messages.forEach((message) => {
            if (field in form.getValues()) {
                if (!newFormErrors[field]) {
                    newFormErrors[field] = []
                }

                newFormErrors[field].push(message)
            } else {
                if (!newFormErrors.__general__) {
                    newFormErrors.__general__ = []
                }

                newFormErrors.__general__.push(message)
            }
        })
    })

    Object.entries(newFormErrors).forEach(([field, errors]) =>
        setMultipleErrors(field, errors),
    )
}

I've introduced a virtual field named __general__ to save errors, when the form object doesn't know the field.

What you guys think about such an approach?

[bluebill1049]

I think that's fine.

[Moshyfawn]

On the topic of introducing an additional field, you can take a look at #7661 and vote for a global errors fields feature

[vairadurai007]

give me the solution to the how to set multiple error to the multiple email validation