TanStack Form together with TanStack Virtual
I have a form with several hundred fields. For performance reasons, I therefore use TanStack Virtual. Since not all fields are mounted all the time, I use a global async onChange form validation function to achieve overall validation. But now I face the problem, that only the fields which are at least mounted one time are registered in the form. The Form validation returns all invalid fields, but only the currently known fields in the form get the invalid state. And when I scroll down to fields which never where mounted before, they have (incorrectly) the valid state until the next field change which triggers the validation function again.
So the question I have:
- Is my concept generally wrong or bad?
- How can I make the form fields gradually gets visible while scrolling uses the validation instantly and not only after any field change?
0 Replies