adjust schema setup

edmundhung · Sep 28, 2023 · 9bc05f8 · 9bc05f8
1 parent 6948572
commit 9bc05f8
Showing 1 changed file with 11 additions and 10 deletions.
diff --git a/docs/complex-structures.md b/docs/complex-structures.md
@@ -123,16 +123,14 @@ import { parse } from '@conform-to/zod';
 import { useRef } from 'react';
 import { z } from 'zod';
 
-const schema = z.object({
-  tasks: z.array(
-    z.object({
-      title: z.string(),
-      notes: z.string(),
-    })
-  ),
+const todoSchema = z.object({
+  title: z.string(),
+  notes: z.string(),
 });
 
-type Todo = z.infer<typeof schema>['tasks'][number];
+const schema = z.object({
+  tasks: z.array(todoSchema),
+});
 
 function Example() {
   const [form, { tasks }] = useForm({
@@ -156,7 +154,11 @@ function Example() {
   );
 }
 
-function TodoFieldset({ config }: { config: FieldConfig<Todo> }) {
+function TodoFieldset({
+  config,
+}: {
+  config: FieldConfig<z.infer<typeof todoSchema>>;
+}) {
   const ref = useRef<HTMLFieldSetElement>(null);
   // Both useFieldset / useFieldList accept form or fieldset ref
   const { title, notes } = useFieldset(ref, config);
@@ -170,5 +172,4 @@ function TodoFieldset({ config }: { config: FieldConfig<Todo> }) {
     </fieldset>
   );
 }
-
 ```