fix(ListBoxMenu): use arrayOf(Component) instead of childrenOfType (#…

…6595)

* fix(ListBoxMenu): use arrayOf(Component) instead of childrenOfType

* fix(ListBoxMenu): allow single item with shape type

packages/react/src/components/ListBox/ListBoxMenu.js

@@ -9,7 +9,6 @@ import React from 'react';
 import { settings } from 'carbon-components';
 import PropTypes from 'prop-types';
 import ListBoxMenuItem from './ListBoxMenuItem';
-import childrenOfType from '../../prop-types/childrenOfType';
 
 const { prefix } = settings;
 
@@ -39,7 +38,17 @@ ListBoxMenu.propTypes = {
   /**
    * Provide the contents of your ListBoxMenu
    */
-  children: childrenOfType(ListBoxMenuItem),
+  children: PropTypes.oneOfType([
+    PropTypes.arrayOf(ListBoxMenuItem),
+    /**
+     * allow single item using the workaround for functional components
+     * https://github.com/facebook/react/issues/2979#issuecomment-222379916
+     */
+    PropTypes.shape({
+      type: PropTypes.oneOf([ListBoxMenuItem]),
+    }),
+    PropTypes.bool, // used in Dropdown for closed state
+  ]),
 
   /**
    * Specify a custom `id`