Fix lag in responsive media queries (#97)

Madeline Trotter · web-flow · commit b7fd9e800292 · 2019-10-14T11:56:29.000-07:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -35,9 +35,9 @@
     "react-dnd": "^2.6.0",
     "react-dnd-html5-backend": "^2.6.0",
     "react-dom": "^16.6.1",
+    "react-media-hook": "^0.4.4",
     "react-router": "^5.0.1",
-    "react-router-dom": "^5.0.1",
-    "use-media": "^1.4.0"
+    "react-router-dom": "^5.0.1"
   },
   "devDependencies": {
     "@babel/core": "^7.5.5",
diff --git a/src/Lumi/Components/Responsive.js b/src/Lumi/Components/Responsive.js
@@ -1,3 +1,3 @@
 "use strict";
 
-exports.useMedia_ = require("use-media").default;
+exports.useMedia_ = require("react-media-hook").useMediaPredicate;

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,3 @@`
`1`	`1`	`"use strict";`
`2`	`2`
`3`		`-exports.useMedia_ = require("use-media").default;`
	`3`	`+exports.useMedia_ = require("react-media-hook").useMediaPredicate;`