Duck typing for Columns in Row

gakimball · Nov 15, 2019 · 146135d · 146135d
1 parent 18a3580
commit 146135d
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -69,7 +69,8 @@
     "rules": {
       "react/boolean-prop-naming": "off",
       "react/forbid-component-props": "off",
-      "unicorn/filename-case": "off"
+      "unicorn/filename-case": "off",
+      "no-new-object": "off"
     },
     "parser": "babel-eslint"
   },

diff --git a/src/components/Row.js b/src/components/Row.js
@@ -1,7 +1,6 @@
 import React, {Children, cloneElement} from 'react';
 import PropTypes from 'prop-types';
 import getAttrs from '../util/getAttrs';
-import Column from './Column';
 
 /**
  * Grid row. Use this to define a grid containing a set of columns.
@@ -20,7 +19,7 @@ export default function Row(props) {
       <tbody>
         {/* `first` and `last` props are added to the first and last child in the row, respectively */}
         <tr>{Children.map(props.children, (child, index) => {
-          if (child.type === Column) {
+          if ('props' in new Object(child) && 'first' in child.props && 'last' in child.props) {
             return cloneElement(child, {
               first: index === 0,
               last: index === Children.count(props.children) - 1