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, ) { - 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(); });