fix for TableBody

platform/ui/src/components/TableBody/TableBody.jsx

@@ -11,9 +11,11 @@ const TableBody = ({ children, className, style }) => {
       )}
       style={style}
     >
-      {React.Children.map(children, child =>
-        React.cloneElement(child, { isTableHead: false })
-      )}
+      {React.isValidElement(children)
+        ? React.cloneElement(children, {
+            isTableHead: false,
+          })
+        : children}
     </div>
   );
 };
@@ -24,7 +26,26 @@ TableBody.defaultProps = {
 };
 
 TableBody.propTypes = {
-  children: PropTypes.node.isRequired,
+  children: function(props, propName, componentName) {
+    const elements = React.Children.toArray(props.children);
+    const isString = elements.some(child => typeof child === 'string');
+
+    if (isString) {
+      return new Error(
+        `Failed prop type: Invalid prop ${propName} supplied to ${componentName}, expected a valid element instead of a string.`
+      );
+    }
+
+    const isInvalidElement = elements.some(
+      child => !React.isValidElement(child)
+    );
+
+    if (isInvalidElement) {
+      return new Error(
+        `Failed prop type: Invalid prop ${propName} supplied to ${componentName}, expected a valid node element.`
+      );
+    }
+  },
   className: PropTypes.string,
   style: PropTypes.object,
 };