added a basic schema

edmundhung · Sep 28, 2024 · 1d47ca8 · 1d47ca8
1 parent 615dfb2
commit 1d47ca8
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/docs/intent-button.md b/docs/intent-button.md
@@ -136,9 +136,21 @@ To manipulate a field list, you can use the **insert**, **remove** and **reorder
 
 ```tsx
 import { useForm } from '@conform-to/react';
+import { parseWithZod } from "@conform-to/zod";
+import { z } from "zod";
+
+const todosSchema = z.object({
+  title: z.string(),
+  tasks: z.array(z.string()),
+});
 
 export default function Tasks() {
-  const [form, fields] = useForm();
+  const [form, fields] = useForm({
+    onValidate({ formData }) {
+      return parseWithZod(formData, { schema: todosSchema });
+    },
+    shouldValidate: "onBlur",
+  });
   const tasks = fields.tasks.getFieldList();
 
   return (