From fd6633f536870b11eda2b907d998eaa594700ed7 Mon Sep 17 00:00:00 2001
From: GyDi <zzzgydi@gmail.com>
Date: Sun, 13 Nov 2022 10:27:26 +0800
Subject: [PATCH] fix: MediaQueryList addEventListener polyfill

---
 src/main.tsx          |  1 +
 src/utils/polyfill.ts | 21 +++++++++++++++++++++
 2 files changed, 22 insertions(+)
 create mode 100644 src/utils/polyfill.ts

diff --git a/src/main.tsx b/src/main.tsx
index 08241f4..851001a 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -1,6 +1,7 @@
 /// <reference types="vite/client" />
 /// <reference types="vite-plugin-svgr/client" />
 import "./assets/styles/index.scss";
+import "@/utils/polyfill";
 
 import React from "react";
 import ReactDOM from "react-dom";
diff --git a/src/utils/polyfill.ts b/src/utils/polyfill.ts
new file mode 100644
index 0000000..6849151
--- /dev/null
+++ b/src/utils/polyfill.ts
@@ -0,0 +1,21 @@
+// matchMedia polyfill for macOS 10.15
+if (
+  window.MediaQueryList &&
+  !window.MediaQueryList.prototype.addEventListener
+) {
+  window.MediaQueryList.prototype.addEventListener = function (
+    name: string,
+    callback: any
+  ) {
+    this.addListener(callback);
+  };
+
+  window.MediaQueryList.prototype.removeEventListener = function (
+    name: string,
+    callback: any
+  ) {
+    this.removeListener(callback);
+  };
+}
+
+export {};