Asynchronous validation in use-form hook

[ChapterSevenSeeds]

I think that an option to perform asynchronous form validation would be great. Consider the following Electron code.

export default function App() {
    const theme = useMantineTheme();

    const form = useForm<{ file: string }>({
        validate: zodResolver(z.object({
            file: z.string().refine(async (path: string) => await window.api.fileExists(path), "File doesn't exist.")
        })),
        initialValues: {
            file: ""
        },
        validateInputOnChange: true
    });

    return (
        <form onSubmit={form.onSubmit(values => {
            console.log(values);
        })}
        >
            <TextInput
                label="Default Connect Path"
                {...form.getInputProps("file")}
            />
            <Button variant='default' type="submit">Save</Button>
        </form >
    );
}

Typing a value in the TextInput crashes the window with a Zod error saying, "Async refinement encountered during synchronous parse operation. Use .parseAsync instead."

Is this a reasonable feature to request?

[rtivital]

Mantine form does not current support async validation. This feature is in the backlog.

[ryuhangyeong]

Is this feature still not supported?

[gius]

Do you have any recommendations on how to properly implement async validation?
Typical problems:

• blocking submit while validation is in process
• reacting to validation result (manually setting error or even manipulating form values) with the actual form instance (instead of the one caught in a closure when the handler was originally called)

[lukepighetti]

Checking in on this one. Definite need for us. New to the ecosystem though so if anyone has a recommendation for a package or pattern to use to backfill this functionality I'm all ears

[gius]

I would try https://tanstack.com/form/latest

[ivosabev]

Any progress on this?

[ryuhangyeong]

It looks like there have been improvements to form in 7.8. Async validation is also a very common use case, so I really hope Mantine supports it.

[Gus007-BR]

This is a huge bummer... I was so happy with the use-form hook... I hope this gets addressed soon. In the meantime, please let us know if you happen to know of any good workarounds.

[ryuhangyeong]

https://mantine.dev/changelog/7-9-0/#use-field-hook

[ivosabev]

Why was it not implemented on the form level as well?