refactor: remove unnecessary cloneElement in non-lazy TabContent

With TabItem now self-managing visibility via context, the
cloneElement call that only injected key was dead weight. Render
children directly instead.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: sserrata

packages/docusaurus-theme-openapi-docs/src/theme/ApiExplorer/CodeTabs/index.tsx

@@ -209,13 +209,7 @@ function TabContent({
     return cloneElement(selectedTabItem, { className: "margin-top--md" });
   }
   return (
-    <div className="margin-top--md openapi-tabs__code-content">
-      {childTabs.map((tabItem, i) =>
-        cloneElement(tabItem, {
-          key: i,
-        })
-      )}
-    </div>
+    <div className="margin-top--md openapi-tabs__code-content">{childTabs}</div>
   );
 }
 

packages/docusaurus-theme-openapi-docs/src/theme/ApiTabs/index.tsx

@@ -210,15 +210,7 @@ function TabContent({
     }
     return cloneElement(selectedTabItem, { className: "margin-top--md" });
   }
-  return (
-    <div className="margin-top--md">
-      {childTabs.map((tabItem, i) =>
-        cloneElement(tabItem, {
-          key: i,
-        })
-      )}
-    </div>
-  );
+  return <div className="margin-top--md">{childTabs}</div>;
 }
 function TabsComponent(props: TabListProps): React.JSX.Element {
   const tabs = useTabsContextValue(props);

packages/docusaurus-theme-openapi-docs/src/theme/DiscriminatorTabs/index.tsx

@@ -189,15 +189,7 @@ function TabContent({
     }
     return cloneElement(selectedTabItem, { className: "margin-top--md" });
   }
-  return (
-    <div className="margin-top--md">
-      {childTabs.map((tabItem, i) =>
-        cloneElement(tabItem, {
-          key: i,
-        })
-      )}
-    </div>
-  );
+  return <div className="margin-top--md">{childTabs}</div>;
 }
 function TabsComponent(props: TabProps): React.JSX.Element {
   const tabs = useTabsContextValue(props);

packages/docusaurus-theme-openapi-docs/src/theme/MimeTabs/index.tsx

@@ -225,15 +225,7 @@ function TabContent({
     }
     return cloneElement(selectedTabItem, { className: "margin-top--md" });
   }
-  return (
-    <div className="margin-top--md">
-      {childTabs.map((tabItem, i) =>
-        cloneElement(tabItem, {
-          key: i,
-        })
-      )}
-    </div>
-  );
+  return <div className="margin-top--md">{childTabs}</div>;
 }
 function TabsComponent(props: Props & TabProps): React.JSX.Element {
   const tabs = useTabsContextValue(props);

packages/docusaurus-theme-openapi-docs/src/theme/OperationTabs/index.tsx

@@ -187,15 +187,7 @@ function TabContent({
     }
     return cloneElement(selectedTabItem, { className: "margin-top--md" });
   }
-  return (
-    <div className="margin-top--md">
-      {childTabs.map((tabItem, i) =>
-        cloneElement(tabItem, {
-          key: i,
-        })
-      )}
-    </div>
-  );
+  return <div className="margin-top--md">{childTabs}</div>;
 }
 function TabsComponent(props: TabProps): React.JSX.Element {
   const tabs = useTabsContextValue(props);

packages/docusaurus-theme-openapi-docs/src/theme/SchemaTabs/index.tsx

@@ -204,15 +204,7 @@ function TabContent({
     }
     return cloneElement(selectedTabItem, { className: "margin-top--md" });
   }
-  return (
-    <div className="margin-top--md">
-      {childTabs.map((tabItem, i) =>
-        cloneElement(tabItem, {
-          key: i,
-        })
-      )}
-    </div>
-  );
+  return <div className="margin-top--md">{childTabs}</div>;
 }
 function TabsComponent(props: SchemaTabsProps): React.JSX.Element {
   const tabs = useTabsContextValue(props);