TextArea resets to its defaultValue after submitting useActionState

[zaru]

Provide a general summary of the issue here

When using TextField and TextArea together with useActionState, submitting the action causes the TextArea to revert to its initial defaultValue.

🤔 Expected Behavior?

After submitting an action using useActionState, the TextArea should keep displaying the latest updated value, not revert to its initial defaultValue.

😯 Current Behavior

The TextArea temporarily resets to its original defaultValue immediately after form submission.
Once the mouse hovers over the TextArea, it re-renders and shows the correct, updated value.

Reproduction sandbox:
👉 https://codesandbox.io/p/devbox/interesting-lucy-gzqlxl?workspaceId=ws_Eca3EwjBW43oUkcy8VJBbC

💁 Possible Solution

No response

🔦 Context

No response

🖥️ Steps to Reproduce

2025-10-08.23.44.10.mov

1. Set an initial value to defaultValue of a TextArea.
2. Change the text inside the TextArea.
3. Submit the form using useActionState.
4. Observe that the TextArea reverts to its initial defaultValue.
5. Hover over the TextArea — it re-renders and the changed value appears correctly.

• The issue only occurs when TextField and TextArea are used together.
• Works correctly in these cases:
  • TextField + Input combination
  • TextArea used alone

Version

1.13.0

What browsers are you seeing the problem on?

Chrome

If other, please specify.

No response

What operating system are you using?

macOS

🧢 Your Company/Team

No response

🕷 Tracking Issue

No response

[reidbarber]

Seems related to #6830 and #7204

[reidbarber]

Also seems related to facebook/react#30580