---
tags: zeta-dom-react
---

# `useFormContext` hook

Creates a singleton `FormContext` object which allows access to field values and to validate the fields.

See also [`FormContext` class](/hm3O3ZvVR0KCsrpDxr44Iw).

## Default data

Default form data can be specified through `useFormContext`.

function Component() {
    const form = useFormContext({ name: 'Joe' });
    
    return (
        <FormContext value={form}>
            <TextField name="name" />
        </FormContext>
    );
}