Persist the mediaQueryList instance generated by window.matchMedia

so that we do actually unbind our previously bound listeners.
learningequality · Oct 17, 2023 · 850f895 · 850f895
1 parent 7fb3079
commit 850f895
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/lib/useKResponsiveWindow/MediaQuery.js b/lib/useKResponsiveWindow/MediaQuery.js
@@ -10,13 +10,17 @@ export default class MediaQuery {
   constructor(query, eventHandler) {
     this.query = query;
     this.eventHandler = eventHandler;
+    this._mediaQueryList = null;
   }
 
   /**
    * @returns {Object} Media query list
    */
   get mediaQueryList() {
-    return window.matchMedia(this.query);
+    if (!this._mediaQueryList) {
+      this._mediaQueryList = window.matchMedia(this.query);
+    }
+    return this._mediaQueryList;
   }
 
   /**