fix: clean query listener

ChatGPTNextWeb · Jun 19, 2024 · 39048a5 · 39048a5
1 parent 406f87e
commit 39048a5
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/app/components/home.tsx b/app/components/home.tsx
@@ -92,9 +92,13 @@ export function useSwitchTheme() {
 
       const query = window.matchMedia("(prefers-color-scheme: dark)");
       meta.setAttribute("content", query.matches ? "#000000" : "#FFFFFF");
-      query.addEventListener("change", () => {
+      const updateThemeColor = (e: MediaQueryListEvent) => {
         meta?.setAttribute("content", query.matches ? "#000000" : "#FFFFFF");
-      });
+      };
+      query.addEventListener("change", updateThemeColor);
+      return () => {
+        query.removeEventListener("change", updateThemeColor);
+      };
     } else {
       const themeColor = getCSSVar("--theme-color");
       metaDescriptionDark?.setAttribute("content", themeColor);