return (
<form.AppField
name="title"
validators={{
onChangeAsyncDebounceMs: 500,
onChangeAsync: function ({ value }) {
const { error } =
CreateTicketSchema.shape.title.safeParse(value);
if (!error) {
return undefined;
}
return z.prettifyError(error);
},
}}
children={function (field) {
return (
<div
{...cy("textTitleField-div")}
className="w-full"
>
<field.TextField focus={true} />
</div>
);
}}
/>
);
return (
<form.AppField
name="title"
validators={{
onChangeAsyncDebounceMs: 500,
onChangeAsync: function ({ value }) {
const { error } =
CreateTicketSchema.shape.title.safeParse(value);
if (!error) {
return undefined;
}
return z.prettifyError(error);
},
}}
children={function (field) {
return (
<div
{...cy("textTitleField-div")}
className="w-full"
>
<field.TextField focus={true} />
</div>
);
}}
/>
);