fix(ui-tabs): fix id generation when null is present as children

Closes: INSTUI-4089
instructure · Jun 13, 2024 · c13fd7f · c13fd7f
1 parent efbe3f6
commit c13fd7f
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/ui-tabs/src/Tabs/index.tsx b/packages/ui-tabs/src/Tabs/index.tsx
@@ -466,7 +466,7 @@ class Tabs extends Component<TabsProps, TabsState> {
 
     const selectedIndex = selectedChildIndex >= 0 ? selectedChildIndex : 0
 
-    React.Children.forEach(children as PanelChild[], (child, index) => {
+    React.Children.toArray(children).map((child, index) => {
       if (matchComponentTypes<PanelChild>(child, [Panel])) {
         const selected =
           !child.props.isDisabled &&
@@ -482,7 +482,7 @@ class Tabs extends Component<TabsProps, TabsState> {
           panels.push(this.clonePanel(index, id, selected, child))
         }
       } else {
-        panels.push(child)
+        panels.push(child as PanelChild)
       }
     })