فهرست منبع

Fix missing hooks deps

Azat Belgibayev 2 سال پیش
والد
کامیت
f13dec1182
1فایلهای تغییر یافته به همراه9 افزوده شده و 6 حذف شده
  1. 9 6
      kafka-ui-react-app/src/components/contexts/ThemeModeContext.tsx

+ 9 - 6
kafka-ui-react-app/src/components/contexts/ThemeModeContext.tsx

@@ -24,19 +24,22 @@ export const ThemeModeProvider: FC<PropsWithChildren<unknown>> = ({
   React.useLayoutEffect(() => {
     const mode = localStorage.getItem('mode');
     setThemeModeState((mode as ThemeDropDownValue) ?? 'auto_theme');
-  }, []);
+  }, [setThemeModeState]);
 
   const isDarkMode = React.useMemo(() => {
     if (themeMode === 'auto_theme') {
       return matchDark.matches;
     }
     return themeMode === 'dark_theme';
-  }, []);
+  }, [themeMode]);
 
-  const setThemeMode = React.useCallback((value: string | number) => {
-    setThemeMode(value as ThemeDropDownValue);
-    localStorage.setItem('mode', value as string);
-  }, []);
+  const setThemeMode = React.useCallback(
+    (value: string | number) => {
+      setThemeModeState(value as ThemeDropDownValue);
+      localStorage.setItem('mode', value as string);
+    },
+    [setThemeModeState]
+  );
 
   return (
     <ThemeModeContext.Provider