Fix for Uncaught Invariant Violation #56. Return null from render fun…

…ction when MediaQuery has no children.
yocontra · Sep 14, 2016 · fdb34e8 · fdb34e8
1 parent 3ef2983
commit fdb34e8
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/index.js b/src/index.js
@@ -96,8 +96,9 @@ var mq = React.createClass({
     }
     var props = omit(this.props, excludedPropKeys);
     var hasMergeProps = Object.keys(props).length > 0;
+    var childrenCount = React.Children.count(this.props.children);
     var wrapChildren = this.props.component ||
-      React.Children.count(this.props.children) > 1 ||
+      childrenCount > 1 ||
       typeof this.props.children === 'string' ||
       this.props.children === undefined;
     if (wrapChildren) {
@@ -111,9 +112,12 @@ var mq = React.createClass({
         this.props.children,
         props
       );
-    } else {
+    } else if (childrenCount){
       return this.props.children;
     }
+    else {
+      return null;
+    }
   }
 });