Only go deeper on elements that contain other elements

juskevicius · web-flow · commit 52ede8c43166 · 2025-03-03T17:45:10.000+02:00
diff --git a/src/AbstractMenu.js b/src/AbstractMenu.js
@@ -94,7 +94,7 @@ export default class AbstractMenu extends Component {
                 return;
             }
 
-            if ([MenuItem, this.getSubMenuType()].indexOf(child.type) < 0) {
+            if ([MenuItem, this.getSubMenuType()].indexOf(child.type) < 0 && child.props.children instanceof Object) {
                 // Maybe the MenuItem or SubMenu is capsuled in a wrapper div or something else
                 React.Children.forEach(child.props.children, childCollector);
             } else if (!child.props.divider) {

Original file line number	Diff line number	Diff line change
`@@ -94,7 +94,7 @@ export default class AbstractMenu extends Component {`
`94`	`94`	`return;`
`95`	`95`	`}`
`96`	`96`
`97`		`- if ([MenuItem, this.getSubMenuType()].indexOf(child.type) < 0) {`
	`97`	`+ if ([MenuItem, this.getSubMenuType()].indexOf(child.type) < 0 && child.props.children instanceof Object) {`
`98`	`98`	`// Maybe the MenuItem or SubMenu is capsuled in a wrapper div or something else`
`99`	`99`	`React.Children.forEach(child.props.children, childCollector);`
`100`	`100`	`} else if (!child.props.divider) {`