TanStack

FormGroupSubmitContext

Interface: FormGroupSubmitContext<TFormData, TGroupName, TGroupValue, TSchemaOutputs, TGroupErrorTypes, TFormErrorTypes>

Defined in: FormGroupApi/FormGroupApi.public.ts:26

Context passed to a form group's onSubmit after group validation succeeds.

Example

ts
{
  // ...
  onSubmit: async ({ value }) => {
    await saveGuestDetails(value)
  },
}

Type Parameters

TFormData

TFormData

TGroupName

TGroupName

TGroupValue

TGroupValue

TSchemaOutputs

TSchemaOutputs

TGroupErrorTypes

TGroupErrorTypes extends FormErrorTypes

TFormErrorTypes

TFormErrorTypes extends FormErrorTypes

Properties

formApi

ts
formApi: FormApi<TFormData, TFormErrorTypes>;

Defined in: FormGroupApi/FormGroupApi.public.ts:37

The parent form API handling this submission.


groupApi

ts
groupApi: FormGroupApi<TFormData, TGroupName, TGroupValue, TGroupErrorTypes, TFormErrorTypes>;

Defined in: FormGroupApi/FormGroupApi.public.ts:39

The group API handling this submission.


schemaOutputs

ts
schemaOutputs: TSchemaOutputs;

Defined in: FormGroupApi/FormGroupApi.public.ts:61

The submit outputs produced by the group's schema validators, ordered by validator index.

Example

ts
{
  // ...
  onSubmit: async ({ schemaOutputs }) => {
    const validatedGuestDetails = schemaOutputs[0]
    setStep(step => step + 1)
  },
}

value

ts
value: TGroupValue;

Defined in: FormGroupApi/FormGroupApi.public.ts:35

The group values for this submission.