TanStack Form

TanStack Form with Base UI Field for accessible, type-safe forms. The useAppForm hook (from @/components/form) provides pre-configured form and field components integrated with shadcn's Button and Label.

Conventions

• Always use useAppForm — never raw TanStack Form hooks
• Validate with Zod schemas via validators.onSubmit
• Use field.Control with render prop to bind UI components
• Every field needs field.Root, field.Label, field.Control, and field.ErrorMessage

import { z } from "zod";
import { useAppForm } from "@/components/form";

Form API