From 068c6a38eacd6e9478a2c0c2d5997d4d0dcb76df Mon Sep 17 00:00:00 2001
From: Nikhil Kumar <nikhilkumar5177@gmail.com>
Date: Sun, 12 Apr 2026 19:17:10 +0530
Subject: [PATCH 1/2] docs: explain preventing form reset

---
 .../reference/react-dom/components/form.md    | 29 +++++++++++++++++++
 1 file changed, 29 insertions(+)

diff --git a/src/content/reference/react-dom/components/form.md b/src/content/reference/react-dom/components/form.md
index 1043b13a0de..5d44e87f813 100644
--- a/src/content/reference/react-dom/components/form.md
+++ b/src/content/reference/react-dom/components/form.md
@@ -68,6 +68,35 @@ export default function Search() {
   );
 }
 ```
+### Preventing form reset {/*preventing-form-reset*/}
+
+By default, forms using the `action` prop reset after submission.
+
+If you want to preserve form state, use controlled inputs with React state.
+
+<Sandpack>
+
+```js src/App.js
+import { useState } from "react";
+
+export default function Form() {
+  const [value, setValue] = useState("");
+
+  async function handleSubmit(formData) {
+    // handle submission
+  }
+
+  return (
+    <form action={handleSubmit}>
+      <input
+        name="text"
+        value={value}
+        onChange={(e) => setValue(e.target.value)}
+      />
+      <button type="submit">Submit</button>
+    </form>
+  );
+}
 
 </Sandpack>
 

From 4e1212054c5a5b32891934515ce598fad47b5b96 Mon Sep 17 00:00:00 2001
From: Nikhil Kumar <nikhilkumar5177@gmail.com>
Date: Sun, 12 Apr 2026 19:25:57 +0530
Subject: [PATCH 2/2] fix: mdx spacing issue

---
 src/content/reference/react-dom/components/form.md | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/content/reference/react-dom/components/form.md b/src/content/reference/react-dom/components/form.md
index 5d44e87f813..a12d2078ffd 100644
--- a/src/content/reference/react-dom/components/form.md
+++ b/src/content/reference/react-dom/components/form.md
@@ -68,6 +68,8 @@ export default function Search() {
   );
 }
 ```
+</Sandpack>
+
 ### Preventing form reset {/*preventing-form-reset*/}
 
 By default, forms using the `action` prop reset after submission.
@@ -97,7 +99,7 @@ export default function Form() {
     </form>
   );
 }
-
+```
 </Sandpack>
 
 ### Handle form submission with a Server Function {/*handle-form-submission-with-a-server-function*/}