From 10249ad1a961463b6b347be71c074951ab8e2652 Mon Sep 17 00:00:00 2001
From: Amaresh  S M <amareshsm13@gmail.com>
Date: Wed, 25 May 2022 14:39:53 -0700
Subject: [PATCH] chore: use addEventListener instead of addListener (#15923)

Use addEventListener() instead of matchMedia().addListener() since matchMedia().addListener() is deprecated.
---
 docs/src/assets/js/components-index.js | 2 +-
 docs/src/assets/js/main.js             | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/src/assets/js/components-index.js b/docs/src/assets/js/components-index.js
index 87eb53ef901..9e3bc0f5cf9 100644
--- a/docs/src/assets/js/components-index.js
+++ b/docs/src/assets/js/components-index.js
@@ -6,7 +6,7 @@
 
     if (matchMedia) {
         const mq = window.matchMedia("(max-width: 1023px)");
-        mq.addListener(WidthChange);
+        mq.addEventListener('change', WidthChange);
         WidthChange(mq);
     }
 
diff --git a/docs/src/assets/js/main.js b/docs/src/assets/js/main.js
index 1122d78bc9d..0ba46490ca2 100644
--- a/docs/src/assets/js/main.js
+++ b/docs/src/assets/js/main.js
@@ -6,7 +6,7 @@
 
     if (toc && matchMedia) {
         const mq = window.matchMedia("(max-width: 1023px)");
-        mq.addListener(WidthChange);
+        mq.addEventListener('change', WidthChange);
         WidthChange(mq);
     }
 
@@ -53,7 +53,7 @@
 
     if (matchMedia) {
         const mq = window.matchMedia("(max-width: 1023px)");
-        mq.addListener(WidthChange);
+        mq.addEventListener('change', WidthChange);
         WidthChange(mq);
     }
 
@@ -93,7 +93,7 @@
 
     if (matchMedia) {
         const mq = window.matchMedia("(max-width: 1023px)");
-        mq.addListener(WidthChange);
+        mq.addEventListener('change', WidthChange);
         WidthChange(mq);
     }