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

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

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

  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.

TanStack•10mo ago•

20 replies

ordinary-sapphire

I used to only do that:

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

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

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

  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.