Hero Hook Form API v2.5.1

Hero Hook Form API / useTypeInferredForm

Function: useTypeInferredForm()

useTypeInferredForm<T>(formConfig, options?): UseFormReturn<T>

Defined in: hooks/useInferredForm.ts:146 

Hook that works with type-inferred form configurations.

Type Parameters

T

T extends FieldValues

The form data type

Parameters

formConfig

Form configuration object

schema

any

Zod schema for validation

fields

ZodFormFieldConfig<T>[]

Field configurations

options?

UseInferredFormOptions<T> = {}

Form options

Returns

UseFormReturn<T>

React Hook Form instance

Description

Alternative API for useInferredForm that accepts a form configuration object instead of separate schema and fields parameters. Useful when working with defineInferredForm results.

Example

import { useTypeInferredForm, defineInferredForm, field } from "@rachelallyson/hero-hook-form";
 
const formConfig = defineInferredForm({
  name: field.string("Name").min(2),
  email: field.email("Email"),
});
 
function MyForm() {
  const form = useTypeInferredForm(formConfig);
 
  return (
    <form onSubmit={form.handleSubmit(handleSubmit)}>
      {/* form fields */}
    </form>
  );
}

See

• useInferredForm for direct schema/fields API
• defineInferredForm for creating type-inferred form configurations