React Hook Form Integrations
Dedicated guides for schema validation, frameworks, and UI component libraries.
React Hook Form works with schema validators, controlled UI components, and modern React frameworks without changing how your form data is managed. Choose an integration for installation steps, a complete example, TypeScript guidance, and integration-specific caveats.
Schema validation
- Zod — TypeScript-first schemas, input/output types, and transformed values.
- Yup — object schemas, inferred types, casting, and form context.
- All schema resolvers — AJV, ArkType, Class Validator, computed-types, Effect, fluentvalidation-ts, io-ts, Joi, Nope, Standard Schema, Superstruct, typanion, TypeBox, TypeSchema, Valibot, Vest, VineJS, ata-validator, Yup, and Zod.
Frameworks and UI
- Next.js — App Router Client Components, Server Actions, and server-side validation.
- shadcn/ui —
FormField, controlled components, Zod, and accessible errors. - React 19 — form actions, progressive enhancement, and
useActionState.
Choose the right API
| Goal | Recommended API |
|---|---|
| Validate with an external schema | A resolver passed to useForm |
| Use a controlled UI component | Controller or useController |
| Share methods through a component tree | FormProvider and useFormContext |
| Submit to an endpoint or Server Action | Form |
| Own the complete request lifecycle | handleSubmit |
| Build repeatable dynamic rows | useFieldArray |
For the fundamentals, begin with Get Started. Continue to Advanced Usage for accessibility, testing, reusable components, and Server Action patterns.