Memoize theme toggle function

zikaeroh created 5 years ago

Change summary

frontend/src/index.tsx | 8 ++++----
1 file changed, 4 insertions(+), 4 deletions(-)

Detailed changes

frontend/src/index.tsx

@@ -33,13 +33,13 @@ function useTheme() {
         })
     );
 
-    const toggleTheme = () => {
+    const toggleTheme = React.useMemo(() => {
         if (themeName === 'light') {
-            setThemeName('dark');
+            return () => setThemeName('dark');
         } else {
-            setThemeName('light');
+            return () => setThemeName('light');
         }
-    };
+    }, [themeName, setThemeName]);
 
     return { theme, toggleTheme, isDark: themeName === 'dark' };
 }