diff --git a/packages/core/src/components/Tabs/TabPanels/TabPanels.tsx b/packages/core/src/components/Tabs/TabPanels/TabPanels.tsx
index 40f0be5c1e..fe0d4fa44a 100644
--- a/packages/core/src/components/Tabs/TabPanels/TabPanels.tsx
+++ b/packages/core/src/components/Tabs/TabPanels/TabPanels.tsx
@@ -38,7 +38,7 @@ const TabPanels: FC<TabPanelsProps> & {
     const renderedTabs = useMemo(() => {
       return React.Children.map(children, (child, index) => {
         const isActiveTab = activeTabId === index;
-        if (renderOnlyActiveTab && !isActiveTab) return null;
+        if (!React.isValidElement(child) || (renderOnlyActiveTab && !isActiveTab)) return null;
         const activeClass = isActiveTab ? "active" : "non-active";
         const animationClass = isActiveTab ? `animation-direction-${animationDirection}` : "";
         return React.cloneElement(child, {