[FE] HOTFIX: clean-up 함수 명시

innovationacademy-kr · Dec 19, 2024 · 7950681 · 7950681
1 parent 3df2085
commit 7950681
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/frontend/src/Cabinet/components/Card/DisplayStyleCard/DisplayStyleCard.container.tsx b/frontend/src/Cabinet/components/Card/DisplayStyleCard/DisplayStyleCard.container.tsx
@@ -42,7 +42,11 @@ const DisplayStyleCardContainer = () => {
     };
 
     applyDisplayStyle();
-    addDarkModeListener(darkModeQuery, applyDisplayStyle);
+    const removeListener = addDarkModeListener(
+      darkModeQuery,
+      applyDisplayStyle
+    );
+    return removeListener;
   }, [toggleType]);
 
   return <DisplayStyleCard />;

diff --git a/frontend/src/Cabinet/components/Common/DarkModeToggleSwitch.tsx b/frontend/src/Cabinet/components/Common/DarkModeToggleSwitch.tsx
@@ -45,7 +45,11 @@ const DarkModeToggleSwitch = ({ id }: { id: string }) => {
     };
 
     updateDisplayStyleType();
-    addDarkModeListener(darkModeQuery, updateDisplayStyleType);
+    const removeListener = addDarkModeListener(
+      darkModeQuery,
+      updateDisplayStyleType
+    );
+    return removeListener;
   }, [toggleType]);
 
   useEffect(() => {