From 234a0cfde5e54173986b13ce88268f20e16ca0bc Mon Sep 17 00:00:00 2001
From: Akhil singh <2426akhil@gmail.com>
Date: Tue, 19 Aug 2025 20:05:36 +0530
Subject: [PATCH 1/4] fix(docs): corrected broken link in server-functions.md

---
 src/content/reference/rsc/server-functions.md | 79 +++++++++----------
 1 file changed, 37 insertions(+), 42 deletions(-)

diff --git a/src/content/reference/rsc/server-functions.md b/src/content/reference/rsc/server-functions.md
index 2603c109926..714aef4a0e8 100644
--- a/src/content/reference/rsc/server-functions.md
+++ b/src/content/reference/rsc/server-functions.md
@@ -20,9 +20,9 @@ Server Functions allow Client Components to call async functions executed on the
 
 <Note>
 
-#### How do I build support for Server Functions? {/*how-do-i-build-support-for-server-functions*/}
+#### How do I build support for Server Functions? {/* how-do-i-build-support-for-server-functions */}
 
-While Server Functions in React 19 are stable and will not break between minor versions, the underlying APIs used to implement Server Functions in a React Server Components bundler or framework do not follow semver and may break between minors in React 19.x. 
+While Server Functions in React 19 are stable and will not break between minor versions, the underlying APIs used to implement Server Functions in a React Server Components bundler or framework do not follow semver and may break between minors in React 19.x.
 
 To support Server Functions as a bundler or framework, we recommend pinning to a specific React version, or using the Canary release. We will continue working with bundlers and frameworks to stabilize the APIs used to implement Server Functions in the future.
 
@@ -32,9 +32,9 @@ When a Server Function is defined with the [`"use server"`](/reference/rsc/use-s
 
 Server Functions can be created in Server Components and passed as props to Client Components, or they can be imported and used in Client Components.
 
-## Usage {/*usage*/}
+## Usage {/* usage */}
 
-### Creating a Server Function from a Server Component {/*creating-a-server-function-from-a-server-component*/}
+### Creating a Server Function from a Server Component {/* creating-a-server-function-from-a-server-component */}
 
 Server Components can define Server Functions with the `"use server"` directive:
 
@@ -42,67 +42,65 @@ Server Components can define Server Functions with the `"use server"` directive:
 // Server Component
 import Button from './Button';
 
-function EmptyNote () {
+function EmptyNote() {
   async function createNoteAction() {
     // Server Function
     'use server';
-    
+
     await db.notes.create();
   }
 
-  return <Button onClick={createNoteAction}/>;
+  return <Button onClick={createNoteAction} />;
 }
 ```
 
 When React renders the `EmptyNote` Server Component, it will create a reference to the `createNoteAction` function, and pass that reference to the `Button` Client Component. When the button is clicked, React will send a request to the server to execute the `createNoteAction` function with the reference provided:
 
 ```js {5}
-"use client";
+'use client';
 
-export default function Button({onClick}) { 
-  console.log(onClick); 
+export default function Button({onClick}) {
+  console.log(onClick);
   // {$$typeof: Symbol.for("react.server.reference"), $$id: 'createNoteAction'}
-  return <button onClick={() => onClick()}>Create Empty Note</button>
+  return <button onClick={() => onClick()}>Create Empty Note</button>;
 }
 ```
 
 For more, see the docs for [`"use server"`](/reference/rsc/use-server).
 
-
-### Importing Server Functions from Client Components {/*importing-server-functions-from-client-components*/}
+### Importing Server Functions from Client Components {/* importing-server-functions-from-client-components */}
 
 Client Components can import Server Functions from files that use the `"use server"` directive:
 
 ```js [[1, 3, "createNote"]]
-"use server";
+'use server';
 
 export async function createNote() {
   await db.notes.create();
 }
-
 ```
 
 When the bundler builds the `EmptyNote` Client Component, it will create a reference to the `createNote` function in the bundle. When the `button` is clicked, React will send a request to the server to execute the `createNote` function using the reference provided:
 
 ```js [[1, 2, "createNote"], [1, 5, "createNote"], [1, 7, "createNote"]]
-"use client";
+'use client';
 import {createNote} from './actions';
 
 function EmptyNote() {
   console.log(createNote);
   // {$$typeof: Symbol.for("react.server.reference"), $$id: 'createNote'}
-  <button onClick={() => createNote()} />
+  <button onClick={() => createNote()} />;
 }
 ```
 
 For more, see the docs for [`"use server"`](/reference/rsc/use-server).
 
-### Server Functions with Actions {/*server-functions-with-actions*/}
+### Server Functions with Actions {/* server-functions-with-actions */}
 
 Server Functions can be called from Actions on the client:
 
 ```js [[1, 3, "updateName"]]
-"use server";
+'use server';
 
 export async function updateName(name) {
   if (!name) {
@@ -113,7 +111,7 @@ export async function updateName(name) {
 ```
 
 ```js [[1, 3, "updateName"], [1, 13, "updateName"], [2, 11, "submitAction"],  [2, 23, "submitAction"]]
-"use client";
+'use client';
 
 import {updateName} from './actions';
 
@@ -131,15 +129,15 @@ function UpdateName() {
       } else {
         setName('');
       }
-    })
-  }
-  
+    });
+  };
+
   return (
     <form action={submitAction}>
-      <input type="text" name="name" disabled={isPending}/>
+      <input type="text" name="name" disabled={isPending} />
       {error && <span>Failed: {error}</span>}
     </form>
-  )
+  );
 }
 ```
 
@@ -147,15 +145,14 @@ This allows you to access the `isPending` state of the Server Function by wrappi
 
 For more, see the docs for [Calling a Server Function outside of `<form>`](/reference/rsc/use-server#calling-a-server-function-outside-of-form)
 
-### Server Functions with Form Actions {/*using-server-functions-with-form-actions*/}
+### Server Functions with Form Actions {/* using-server-functions-with-form-actions */}
 
 Server Functions work with the new Form features in React 19.
 
 You can pass a Server Function to a Form to automatically submit the form to the server:
 
-
 ```js [[1, 3, "updateName"], [1, 7, "updateName"]]
-"use client";
+'use client';
 
 import {updateName} from './actions';
 
@@ -164,7 +161,7 @@ function UpdateName() {
     <form action={updateName}>
       <input type="text" name="name" />
     </form>
-  )
+  );
 }
 ```
 
@@ -172,21 +169,23 @@ When the Form submission succeeds, React will automatically reset the form. You
 
 For more, see the docs for [Server Functions in Forms](/reference/rsc/use-server#server-functions-in-forms).
 
-### Server Functions with `useActionState` {/*server-functions-with-use-action-state*/}
+### Server Functions with `useActionState` {/* server-functions-with-use-action-state */}
 
 You can call Server Functions with `useActionState` for the common case where you just need access to the action pending state and last returned response:
 
 ```js [[1, 3, "updateName"], [1, 6, "updateName"], [2, 6, "submitAction"], [2, 9, "submitAction"]]
-"use client";
+'use client';
 
 import {updateName} from './actions';
 
 function UpdateName() {
-  const [state, submitAction, isPending] = useActionState(updateName, {error: null});
+  const [state, submitAction, isPending] = useActionState(updateName, {
+    error: null,
+  });
 
   return (
     <form action={submitAction}>
-      <input type="text" name="name" disabled={isPending}/>
+      <input type="text" name="name" disabled={isPending} />
       {state.error && <span>Failed: {state.error}</span>}
     </form>
   );
@@ -195,28 +194,24 @@ function UpdateName() {
 
 When using `useActionState` with Server Functions, React will also automatically replay form submissions entered before hydration finishes. This means users can interact with your app even before the app has hydrated.
 
-For more, see the docs for [`useActionState`](/reference/react-dom/hooks/useFormState).
+For more, see the docs for [`useActionState`](/reference/react/useActionState).
 
-### Progressive enhancement with `useActionState` {/*progressive-enhancement-with-useactionstate*/}
+### Progressive enhancement with `useActionState` {/* progressive-enhancement-with-useactionstate */}
 
 Server Functions also support progressive enhancement with the third argument of `useActionState`.
 
 ```js [[1, 3, "updateName"], [1, 6, "updateName"], [2, 6, "/name/update"], [3, 6, "submitAction"], [3, 9, "submitAction"]]
-"use client";
+'use client';
 
 import {updateName} from './actions';
 
 function UpdateName() {
   const [, submitAction] = useActionState(updateName, null, `/name/update`);
 
-  return (
-    <form action={submitAction}>
-      ...
-    </form>
-  );
+  return <form action={submitAction}>...</form>;
 }
 ```
 
 When the <CodeStep step={2}>permalink</CodeStep> is provided to `useActionState`, React will redirect to the provided URL if the form is submitted before the JavaScript bundle loads.
 
-For more, see the docs for [`useActionState`](/reference/react-dom/hooks/useFormState).
+For more, see the docs for [`useActionState`](/reference/react/useActionState).

From 626ff7d076af3069f19c78f038fe08a491f26ec0 Mon Sep 17 00:00:00 2001
From: Ricky <rickhanlonii@gmail.com>
Date: Tue, 2 Sep 2025 13:13:39 -0400
Subject: [PATCH 2/4] Revert formatting changes

---
 src/content/reference/rsc/server-functions.md | 72 ++++++++++---------
 1 file changed, 38 insertions(+), 34 deletions(-)

diff --git a/src/content/reference/rsc/server-functions.md b/src/content/reference/rsc/server-functions.md
index 714aef4a0e8..05e9965f76a 100644
--- a/src/content/reference/rsc/server-functions.md
+++ b/src/content/reference/rsc/server-functions.md
@@ -20,9 +20,9 @@ Server Functions allow Client Components to call async functions executed on the
 
 <Note>
 
-#### How do I build support for Server Functions? {/* how-do-i-build-support-for-server-functions */}
+#### How do I build support for Server Functions? {/*how-do-i-build-support-for-server-functions*/}
 
-While Server Functions in React 19 are stable and will not break between minor versions, the underlying APIs used to implement Server Functions in a React Server Components bundler or framework do not follow semver and may break between minors in React 19.x.
+While Server Functions in React 19 are stable and will not break between minor versions, the underlying APIs used to implement Server Functions in a React Server Components bundler or framework do not follow semver and may break between minors in React 19.x. 
 
 To support Server Functions as a bundler or framework, we recommend pinning to a specific React version, or using the Canary release. We will continue working with bundlers and frameworks to stabilize the APIs used to implement Server Functions in the future.
 
@@ -32,9 +32,9 @@ When a Server Function is defined with the [`"use server"`](/reference/rsc/use-s
 
 Server Functions can be created in Server Components and passed as props to Client Components, or they can be imported and used in Client Components.
 
-## Usage {/* usage */}
+## Usage {/*usage*/}
 
-### Creating a Server Function from a Server Component {/* creating-a-server-function-from-a-server-component */}
+### Creating a Server Function from a Server Component {/*creating-a-server-function-from-a-server-component*/}
 
 Server Components can define Server Functions with the `"use server"` directive:
 
@@ -42,38 +42,39 @@ Server Components can define Server Functions with the `"use server"` directive:
 // Server Component
 import Button from './Button';
 
-function EmptyNote() {
+function EmptyNote () {
   async function createNoteAction() {
     // Server Function
     'use server';
-
+    
     await db.notes.create();
   }
 
-  return <Button onClick={createNoteAction} />;
+  return <Button onClick={createNoteAction}/>;
 }
 ```
 
 When React renders the `EmptyNote` Server Component, it will create a reference to the `createNoteAction` function, and pass that reference to the `Button` Client Component. When the button is clicked, React will send a request to the server to execute the `createNoteAction` function with the reference provided:
 
 ```js {5}
-'use client';
+"use client";
 
-export default function Button({onClick}) {
-  console.log(onClick);
+export default function Button({onClick}) { 
+  console.log(onClick); 
   // {$$typeof: Symbol.for("react.server.reference"), $$id: 'createNoteAction'}
-  return <button onClick={() => onClick()}>Create Empty Note</button>;
+  return <button onClick={() => onClick()}>Create Empty Note</button>
 }
 ```
 
 For more, see the docs for [`"use server"`](/reference/rsc/use-server).
 
-### Importing Server Functions from Client Components {/* importing-server-functions-from-client-components */}
+
+### Importing Server Functions from Client Components {/*importing-server-functions-from-client-components*/}
 
 Client Components can import Server Functions from files that use the `"use server"` directive:
 
 ```js [[1, 3, "createNote"]]
-'use server';
+"use server";
 
 export async function createNote() {
   await db.notes.create();
@@ -83,24 +84,24 @@ export async function createNote() {
 When the bundler builds the `EmptyNote` Client Component, it will create a reference to the `createNote` function in the bundle. When the `button` is clicked, React will send a request to the server to execute the `createNote` function using the reference provided:
 
 ```js [[1, 2, "createNote"], [1, 5, "createNote"], [1, 7, "createNote"]]
-'use client';
+"use client";
 import {createNote} from './actions';
 
 function EmptyNote() {
   console.log(createNote);
   // {$$typeof: Symbol.for("react.server.reference"), $$id: 'createNote'}
-  <button onClick={() => createNote()} />;
+  <button onClick={() => createNote()} />
 }
 ```
 
 For more, see the docs for [`"use server"`](/reference/rsc/use-server).
 
-### Server Functions with Actions {/* server-functions-with-actions */}
+### Server Functions with Actions {/*server-functions-with-actions*/}
 
 Server Functions can be called from Actions on the client:
 
 ```js [[1, 3, "updateName"]]
-'use server';
+"use server";
 
 export async function updateName(name) {
   if (!name) {
@@ -111,7 +112,7 @@ export async function updateName(name) {
 ```
 
 ```js [[1, 3, "updateName"], [1, 13, "updateName"], [2, 11, "submitAction"],  [2, 23, "submitAction"]]
-'use client';
+"use client";
 
 import {updateName} from './actions';
 
@@ -129,15 +130,16 @@ function UpdateName() {
       } else {
         setName('');
       }
-    });
-  };
+  
+    })
+  }
 
   return (
     <form action={submitAction}>
-      <input type="text" name="name" disabled={isPending} />
+      <input type="text" name="name" disabled={isPending}/>
       {error && <span>Failed: {error}</span>}
     </form>
-  );
+  )
 }
 ```
 
@@ -145,14 +147,14 @@ This allows you to access the `isPending` state of the Server Function by wrappi
 
 For more, see the docs for [Calling a Server Function outside of `<form>`](/reference/rsc/use-server#calling-a-server-function-outside-of-form)
 
-### Server Functions with Form Actions {/* using-server-functions-with-form-actions */}
+### Server Functions with Form Actions {/*using-server-functions-with-form-actions*/}
 
 Server Functions work with the new Form features in React 19.
 
 You can pass a Server Function to a Form to automatically submit the form to the server:
 
 ```js [[1, 3, "updateName"], [1, 7, "updateName"]]
-'use client';
+"use client";
 
 import {updateName} from './actions';
 
@@ -161,7 +163,7 @@ function UpdateName() {
     <form action={updateName}>
       <input type="text" name="name" />
     </form>
-  );
+  )
 }
 ```
 
@@ -169,23 +171,21 @@ When the Form submission succeeds, React will automatically reset the form. You
 
 For more, see the docs for [Server Functions in Forms](/reference/rsc/use-server#server-functions-in-forms).
 
-### Server Functions with `useActionState` {/* server-functions-with-use-action-state */}
+### Server Functions with `useActionState` {/*server-functions-with-use-action-state*/}
 
 You can call Server Functions with `useActionState` for the common case where you just need access to the action pending state and last returned response:
 
 ```js [[1, 3, "updateName"], [1, 6, "updateName"], [2, 6, "submitAction"], [2, 9, "submitAction"]]
-'use client';
+"use client";
 
 import {updateName} from './actions';
 
 function UpdateName() {
-  const [state, submitAction, isPending] = useActionState(updateName, {
-    error: null,
-  });
+  const [state, submitAction, isPending] = useActionState(updateName, {error: null});
 
   return (
     <form action={submitAction}>
-      <input type="text" name="name" disabled={isPending} />
+      <input type="text" name="name" disabled={isPending}/>
       {state.error && <span>Failed: {state.error}</span>}
     </form>
   );
@@ -196,19 +196,23 @@ When using `useActionState` with Server Functions, React will also automatically
 
 For more, see the docs for [`useActionState`](/reference/react/useActionState).
 
-### Progressive enhancement with `useActionState` {/* progressive-enhancement-with-useactionstate */}
+### Progressive enhancement with `useActionState` {/*progressive-enhancement-with-useactionstate*/}
 
 Server Functions also support progressive enhancement with the third argument of `useActionState`.
 
 ```js [[1, 3, "updateName"], [1, 6, "updateName"], [2, 6, "/name/update"], [3, 6, "submitAction"], [3, 9, "submitAction"]]
-'use client';
+"use client";
 
 import {updateName} from './actions';
 
 function UpdateName() {
   const [, submitAction] = useActionState(updateName, null, `/name/update`);
 
-  return <form action={submitAction}>...</form>;
+  return (
+    <form action={submitAction}>
+      ...
+    </form>
+  );
 }
 ```
 

From eb1113dcba0f83c3ab9e14c9c9b4c2824c9a7817 Mon Sep 17 00:00:00 2001
From: Ricky <rickhanlonii@gmail.com>
Date: Tue, 2 Sep 2025 13:15:05 -0400
Subject: [PATCH 3/4] More reverts

---
 src/content/reference/rsc/server-functions.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/content/reference/rsc/server-functions.md b/src/content/reference/rsc/server-functions.md
index 05e9965f76a..8482c1c7e5c 100644
--- a/src/content/reference/rsc/server-functions.md
+++ b/src/content/reference/rsc/server-functions.md
@@ -79,6 +79,7 @@ Client Components can import Server Functions from files that use the `"use serv
 export async function createNote() {
   await db.notes.create();
 }
+
 ```
 
 When the bundler builds the `EmptyNote` Client Component, it will create a reference to the `createNote` function in the bundle. When the `button` is clicked, React will send a request to the server to execute the `createNote` function using the reference provided:
@@ -130,10 +131,8 @@ function UpdateName() {
       } else {
         setName('');
       }
-  
     })
   }
-
   return (
     <form action={submitAction}>
       <input type="text" name="name" disabled={isPending}/>
@@ -153,6 +152,7 @@ Server Functions work with the new Form features in React 19.
 
 You can pass a Server Function to a Form to automatically submit the form to the server:
 
+
 ```js [[1, 3, "updateName"], [1, 7, "updateName"]]
 "use client";
 

From 500b8484b0b91c7f7dd42f44ad41bf3983ff0e28 Mon Sep 17 00:00:00 2001
From: Ricky <rickhanlonii@gmail.com>
Date: Tue, 2 Sep 2025 13:15:42 -0400
Subject: [PATCH 4/4] Revert one more time, just one more

---
 src/content/reference/rsc/server-functions.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/content/reference/rsc/server-functions.md b/src/content/reference/rsc/server-functions.md
index 8482c1c7e5c..38ecf8b5e49 100644
--- a/src/content/reference/rsc/server-functions.md
+++ b/src/content/reference/rsc/server-functions.md
@@ -133,6 +133,7 @@ function UpdateName() {
       }
     })
   }
+
   return (
     <form action={submitAction}>
       <input type="text" name="name" disabled={isPending}/>