form
form copied to clipboard
formErrors.map(error) has broken type inference
Describe the bug
The {error} of type void or undefined. This is directly highlighted in one of the examples: https://tanstack.com/form/latest/docs/framework/react/examples/next-server-actions
You can see right before it, the error is casted as a string or unknown however, this would be better solved in a case especially with mergeForm/server-validations.
I will try to trace back the code causing this and raise a PR.
Your minimal, reproducible example
https://tanstack.com/form/latest/docs/framework/react/examples/next-server-actions
Steps to reproduce
Download the project for highlighting of the type inference error.
Expected behavior
I would expect this to be similar to field-level error:
UnwrapOneLevelOfArray<UnwrapFieldValidateOrFn<{
firstName: string;
age: number;
}, "age", ({ value }: {
value: number;
fieldApi: FieldApi<{
firstName: string;
age: number;
}, "age", number, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any>;
}) => "Client validation: You must be at least 8" | undefined, ({ value }: {
...;
}) => void>>
How often does this bug happen?
Every time
Screenshots or Videos
Platform
All.
TanStack Form adapter
react-form
TanStack Form version
v0.43.2 (form-core)
TypeScript version
v5.6.3
Additional context
No response