You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
Repository navigation
Async default values not applied to untouched fields after other fields are edited #2229
When a form is created with defaultValues that include a field whose value arrives asynchronously, that field does not receive its updated default value after the async data loads if the user has already edited another field in the meantime.
The async field stays empty instead of being populated with the loaded default.
This is important to make forms usable while small parts of it are still loading, avoiding the need to block the entire form to workaround the issue. In our case, the user should be able to modify other fields, even if the form is not ready for submission yet (we disable the submit button and the pending fields).
Render the form (the async field starts with an empty default).
Before the async value resolves (3s), type into the name field.
Wait for the async value to load.
Observe that asyncField remains empty instead of showing "loaded default".
Expected behavior
When async data arrives and defaultValues are updated on re-render, untouched fields should receive their new default values even if other fields have already been edited.
Screenshots or Videos
Recording_2026-07-01_19-21-07.mp4
Platform
TanStack Form adapter: React (@tanstack/react-form)
Browser: Chrome (latest)
OS: macOS
Tried resetting the field inside a useEffect (a not good workaround in my opinion), while it worked for text fields, it did not work array fields, which is our current use case:
Activity
Alan-Gomes commentedon Jul 1, 2026
Tried resetting the field inside a
useEffect(a not good workaround in my opinion), while it worked for text fields, it did not work array fields, which is our current use case:https://codesandbox.io/p/devbox/modest-paper-sv8dqp