From b9252d9491add43f7ca2450a3a47e90c50edf0e7 Mon Sep 17 00:00:00 2001
From: Rodrigo Antinarelli <rodrigoantinarelli@gmail.com>
Date: Wed, 25 Mar 2020 17:44:15 -0300
Subject: [PATCH] fix tableRow childrens (props not passing down)

---
 platform/ui/src/components/TableRow/TableRow.jsx | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/platform/ui/src/components/TableRow/TableRow.jsx b/platform/ui/src/components/TableRow/TableRow.jsx
index 502ee983f..6040af852 100644
--- a/platform/ui/src/components/TableRow/TableRow.jsx
+++ b/platform/ui/src/components/TableRow/TableRow.jsx
@@ -3,13 +3,17 @@ import PropTypes from 'prop-types';
 import classnames from 'classnames';
 
 const TableRow = ({ children, className, isTableHead, style }) => {
+  const childrens = React.Children.map(children, child => {
+    const isValidReactElement = React.isValidElement(child);
+
+    return isValidReactElement
+      ? React.cloneElement(child, { isTableHead })
+      : children;
+  });
+
   return (
     <div className={classnames('w-full flex', className)} style={style}>
-      {React.isValidElement(children)
-        ? React.Children.map(children, child =>
-            React.cloneElement(child, { isTableHead })
-          )
-        : children}
+      {childrens}
     </div>
   );
 };