T
TanStack•2mo ago
genetic-orange

Type safety with prebound Form components

<form.Subscribe
    selector={(state) => /* state.values.array[i].attribute */ }
    children={(...) => /* Code which uses subField.PreboundField and subField.state*/ }
/>
<form.Subscribe
    selector={(state) => /* state.values.array[i].attribute */ }
    children={(...) => /* Code which uses subField.PreboundField and subField.state*/ }
/>
I'm trying to extract part of my form into a component, from what I could tell prebound form components would be my best bet of doing this. However, I lose type safety when using useFormContext() when trying to access form data or useFieldContext() Is there a way to maintain type safety in this situation?
Form Composition | TanStack Form React Docs
A common criticism of TanStack Form is its verbosity out-of-the-box. While this can be useful for educational purposes helping enforce understanding our APIs it's not ideal in production use cases. As...
2 Replies
fair-rose
fair-rose•2mo ago
If you expect not just any form, but a form with a specific shape, you should use withForm
genetic-orange
genetic-orangeOP•2mo ago
Many thanks, as always you're saving my ass lol

Did you find this page helpful?