"A component is changing a controlled input to be uncontrolled" in Next.js App router about form HOT 5 CLOSED

A temporary workaround is to only render the children if !== undefined

{(field) => (field.state.value !== undefined && (<><input ... /></>))}

from form.

Yeah that works for now. Good idea, thanks! But looking forward to not having to do that 🙂

from form.

I think I've solved this issue 😄 I'm waiting to release TanStack Form 0.12 until I can figure out how our SSR/SSG API will work with Remix, but expect this fix to be rolled out alongside some fun Next.js-specific APIs (Namely, Server Action support)

from form.

...
value={field.state.value ?? ""}
...

from form.

...
value={field.state.value ?? ""}
...

This approach will cause issues when validating.

from form.