Add a guard to prevent access to window.matchMedia when it is undefined.

learningequality · Oct 17, 2023 · 7fb3079 · 7fb3079
1 parent 942d6e2
commit 7fb3079
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/lib/useKResponsiveWindow/MediaQuery.js b/lib/useKResponsiveWindow/MediaQuery.js
@@ -32,8 +32,8 @@ export default class MediaQuery {
    * @returns {Object} Containing mediaQueryList, eventHandler, and stopListening
    */
   startListening() {
-    //Prevent function execution if Nuxt is server side rendering
-    if (this.isNuxtServerSideRendering()) {
+    // Prevent function execution if Nuxt is server side rendering
+    if (this.isNuxtServerSideRendering() || !window.matchMedia) {
       return;
     }
 
@@ -48,6 +48,10 @@ export default class MediaQuery {
    * Stop listening for media query events
    */
   stopListening() {
+    // Prevent function execution if Nuxt is server side rendering
+    if (this.isNuxtServerSideRendering() || !window.matchMedia) {
+      return;
+    }
     if (this.mediaQueryList.removeEventListener) {
       this.mediaQueryList.removeEventListener('change', this.eventHandler);
     } else {