diff --git a/apps/web/src/apps/showcase/example/features/form-demo/components/reactive-watch-demo.tsx b/apps/web/src/apps/showcase/example/features/form-demo/components/reactive-watch-demo.tsx
index 9ec0c3e..447d2c4 100644
--- a/apps/web/src/apps/showcase/example/features/form-demo/components/reactive-watch-demo.tsx
+++ b/apps/web/src/apps/showcase/example/features/form-demo/components/reactive-watch-demo.tsx
@@ -31,26 +31,26 @@ export default function ReactiveWatchDemo() {
     .and(
       z.discriminatedUnion('userType', [
         z.object({ userType: z.literal('PERSONAL') }),
-        z.object({ userType: z.literal('CORPORATE'), corporateTaxId: taxIdValidator })
-      ])
+        z.object({ userType: z.literal('CORPORATE'), corporateTaxId: taxIdValidator }),
+      ]),
     )
     .and(
       z.union([
         z.object({ hasSpouse: z.literal(false) }),
-        z.object({ hasSpouse: z.literal(true), spouseName: spouseNameValidator })
-      ])
+        z.object({ hasSpouse: z.literal(true), spouseName: spouseNameValidator }),
+      ]),
     )
     .and(
       z.union([
         z.object({ newsletter: z.literal(false) }),
-        z.object({ newsletter: z.literal(true), newsletterEmail: newsletterEmailValidator })
-      ])
+        z.object({ newsletter: z.literal(true), newsletterEmail: newsletterEmailValidator }),
+      ]),
     )
     .and(
       z.union([
         z.object({ department: z.string().min(1), role: roleValidator }),
-        z.object({ department: z.union([z.literal(''), z.undefined(), z.null()]).optional() })
-      ])
+        z.object({ department: z.union([z.literal(''), z.undefined(), z.null()]).optional() }),
+      ]),
     );
 
   const { control, handleSubmit, setValue, unregister, clearErrors } = useForm<any>({