shadcn-syntax-form

What problem does it solve?

Confusing or fragile shadcn ui form composition causes validation to fail silently, error messages not to render, values not to reach the submit handler, or React to warn about uncontrolled-to-controlled inputs.

Core Features & Use Cases

• Wires the seven shadcn Form primitives correctly: Form, FormField, FormItem, FormLabel, FormControl, FormDescription, and FormMessage so aria IDs and zod error rendering work every time.
• Provides a schema-first react-hook-form + zodResolver setup: derives TypeScript types from the zod schema and ensures handleSubmit triggers validation.
• Prevents the most common integration failures: uses the Controller path (not register) for Radix-wrapped controls, ensures defaultValues are never undefined, and handles async refine safely under React Server Components constraints.

Quick Start

Tell Claude: build a shadcn ui react-hook-form + zod form using the seven primitives with a schema-first useForm setup, correct Controller binding for any Radix controls, proper defaultValues, and async refine that renders FormMessage errors reliably.