Use invariant instead of throw Error

Author: MICHAEL JACKSON

modules/Media.js

@@ -1,5 +1,6 @@
 import React from "react";
 import PropTypes from "prop-types";
+import invariant from "invariant";
 import json2mq from "json2mq";
 
 /**
@@ -31,15 +32,14 @@ class Media extends React.Component {
   componentWillMount() {
     if (typeof window !== "object") return;
 
-    let { query } = this.props;
     const targetWindow = this.props.targetWindow || window;
 
-    if (!targetWindow.matchMedia) {
-      throw new Error(
-        'You passed a `targetWindow` prop to `Media` that does not have a `matchMedia` function.'
-      );
-    }
+    invariant(
+      typeof targetWindow.matchMedia === "function",
+      "<Media targetWindow> does not support `matchMedia`."
+    );
 
+    let { query } = this.props;
     if (typeof query !== "string") query = json2mq(query);
 
     this.mediaQueryList = targetWindow.matchMedia(query);

modules/__tests__/Media-test.js

@@ -155,9 +155,9 @@ describe("A <Media>", () => {
 
         expect(() => {
           ReactDOM.render(element, node, () => {});
-        }).toThrow("does not have a `matchMedia` function");
+        }).toThrow("does not support `matchMedia`");
       });
-    })
+    });
   });
 
   describe("rendered on the server", () => {

package.json

@@ -24,6 +24,7 @@
     "react": ">=15 || ^0.14.7"
   },
   "dependencies": {
+    "invariant": "^2.2.2",
     "json2mq": "^0.2.0",
     "prop-types": "^15.5.10"
   },