diff --git a/src/content/reference/react/useTransition.md b/src/content/reference/react/useTransition.md
index 6533a201bf3..93c0a9f6bb1 100644
--- a/src/content/reference/react/useTransition.md
+++ b/src/content/reference/react/useTransition.md
@@ -653,13 +653,10 @@ export default function TabContainer() {
 import { useTransition } from 'react';
 
 export default function TabButton({ action, children, isActive }) {
-  const [isPending, startTransition] = useTransition();
+  const [, startTransition] = useTransition();
   if (isActive) {
     return <b>{children}</b>
   }
-  if (isPending) {
-    return <b className="pending">{children}</b>;
-  }
   return (
     <button onClick={async () => {
       startTransition(async () => {
@@ -814,13 +811,10 @@ export default function TabContainer() {
 import { useTransition } from 'react';
 
 export default function TabButton({ action, children, isActive }) {
-  const [isPending, startTransition] = useTransition();
+  const [, startTransition] = useTransition();
   if (isActive) {
     return <b>{children}</b>
   }
-  if (isPending) {
-    return <b className="pending">{children}</b>;
-  }
   return (
     <button onClick={() => {
       startTransition(async () => {
@@ -949,20 +943,29 @@ export default function TabContainer() {
 }
 ```
 
-```js src/TabButton.js
+import { useTransition } from 'react';
+
 export default function TabButton({ action, children, isActive }) {
-  if (isActive) {
-    return <b>{children}</b>
-  }
-  return (
-    <button onClick={() => {
-      action();
-    }}>
-      {children}
-    </button>
-  );
+const [isPending, startTransition] = useTransition();
+
+if (isActive) {
+return <b>{children}</b>;
 }
-```
+
+if (isPending) {
+return <b className="pending">{children}</b>;
+}
+
+return (
+<button onClick={() => {
+startTransition(async () => {
+await action();
+});
+}}>
+{children} </button>
+);
+}
+
 
 ```js src/AboutTab.js hidden
 export default function AboutTab() {