Fix bug with Shortcuts Modal & added missing useEffect dependencies

lama_cleaner/app/src/components/Editor/Editor.tsx

@@ -240,17 +240,6 @@ export default function Editor(props: EditorProps) {
     }
   }, [context?.canvas, draw, original, isOriginalLoaded, windowSize])
 
-  useEffect(() => {
-    window.addEventListener('resize', () => {
-      resetZoom()
-    })
-    return () => {
-      window.removeEventListener('resize', () => {
-        resetZoom()
-      })
-    }
-  }, [windowSize])
-
   // Zoom reset
   const resetZoom = useCallback(() => {
     if (!minScale || !original || !windowSize) {
@@ -267,6 +256,17 @@ export default function Editor(props: EditorProps) {
     setScale(minScale)
   }, [viewportRef, minScale, original, windowSize])
 
+  useEffect(() => {
+    window.addEventListener('resize', () => {
+      resetZoom()
+    })
+    return () => {
+      window.removeEventListener('resize', () => {
+        resetZoom()
+      })
+    }
+  }, [windowSize, resetZoom])
+
   const handleEscPressed = () => {
     if (isInpaintingLoading) {
       return

lama_cleaner/app/src/components/Header/ThemeChanger.tsx

@@ -17,7 +17,7 @@ export const ThemeChanger = () => {
     } else {
       setTheme('light')
     }
-  }, [])
+  }, [setTheme])
 
   const themeSwitchHandler = () => {
     const newTheme = theme === 'light' ? 'dark' : 'light'

lama_cleaner/app/src/components/Shortcuts/ShortcutsModal.tsx

@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react'
 import { useSetRecoilState } from 'recoil'
 import { shortcutsState } from '../../store/Atoms'
-import Modal, { ModalProps } from '../shared/Modal'
+import Modal from '../shared/Modal'
 
 interface Shortcut {
   children: ReactNode
@@ -28,7 +28,7 @@ export default function ShortcutsModal(props: ShortcutsModalProps) {
   const setShortcutState = useSetRecoilState(shortcutsState)
 
   const shortcutStateHandler = () => {
-    setShortcutState(prevShortcutState => !prevShortcutState)
+    setShortcutState(false)
   }
 
   return (