diff --git a/packages/react/src/tabs/panel/TabsPanel.tsx b/packages/react/src/tabs/panel/TabsPanel.tsx
index 804ca088a2..05ac57a696 100644
--- a/packages/react/src/tabs/panel/TabsPanel.tsx
+++ b/packages/react/src/tabs/panel/TabsPanel.tsx
@@ -17,7 +17,7 @@ export const TabsPanel = React.forwardRef(function TabPanel(
   props: TabsPanel.Props,
   forwardedRef: React.ForwardedRef<HTMLDivElement>,
 ) {
-  const { children, className, value: valueProp, render, keepMounted = false, ...other } = props;
+  const {  className, value: valueProp, render, keepMounted = false, ...other } = props;
 
   const {
     value: selectedValue,
@@ -47,10 +47,14 @@ export const TabsPanel = React.forwardRef(function TabPanel(
     render: render ?? 'div',
     className,
     state,
-    extraProps: { ...other, children: hidden && !keepMounted ? undefined : children },
+    extraProps: other,
     customStyleHookMapping: tabsStyleHookMapping,
   });
 
+  if (hidden && !keepMounted) {
+    return null;
+  }
+
   return renderElement();
 });