TanStackT
TanStack8mo ago
20 replies
ordinary-sapphire

Recommended way to get fields errors in a "form composition" scenario

I used to only do that:
const field = useFieldContext<string>()
const errors = field.state.meta.errors


But while looking at the official form compostion example (https://tanstack.com/form/latest/docs/framework/react/examples/large-form?path=examples%2Freact%2Flarge-form%2Fsrc%2Fcomponents%2Ftext-fields.tsx) I noticed this pattern:

  const field = useFieldContext<string>()
  const errors = useStore(field.store, (state) => state.meta.errors)


Any reason to prefer useStore in this scenario?
An example showing how to implement Large Form in React using TanStack Form.
React TanStack Form Large Form Example | TanStack Form Docs
Was this page helpful?