const form = useForm({
validators: {
onBlur: TestActionSchema,
},
defaultValues: {
username: "",
password: "",
age: 22,
} as TestActionSchemaType,
onSubmit: async ({ value, formApi }) => {
const result = await testAction(value);
if (!result.success) {
/* Setting server validation field errors */
if (result.formErrors) {
for (const [key, errors] of Object.entries(result.formErrors)) {
formApi.setFieldMeta(key as any, (prev) => ({
...prev,
errorMap: {
onSubmit: errors ? errors.map((error: string) => ({ message: error })) : undefined,
},
}));
}
return;
}
/* Setting server error that is accessible from form */
if (result.serverError) {
formApi.setErrorMap({
onServer: [result.serverError],
});
return;
}
}
if (result.success) {
form.reset();
}
},
});
const form = useForm({
validators: {
onBlur: TestActionSchema,
},
defaultValues: {
username: "",
password: "",
age: 22,
} as TestActionSchemaType,
onSubmit: async ({ value, formApi }) => {
const result = await testAction(value);
if (!result.success) {
/* Setting server validation field errors */
if (result.formErrors) {
for (const [key, errors] of Object.entries(result.formErrors)) {
formApi.setFieldMeta(key as any, (prev) => ({
...prev,
errorMap: {
onSubmit: errors ? errors.map((error: string) => ({ message: error })) : undefined,
},
}));
}
return;
}
/* Setting server error that is accessible from form */
if (result.serverError) {
formApi.setErrorMap({
onServer: [result.serverError],
});
return;
}
}
if (result.success) {
form.reset();
}
},
});