Fixed toggle actions.

Author: novykh

src/components/drops/menu/index.js

@@ -52,14 +52,17 @@ const Menu = forwardRef(
       [onChange]
     )
 
-    const onClickOutside = useCallback(event => {
-      if (
-        ref.current !== event.target &&
-        !getAncestors(event.target).some(node => node === ref.current)
-      ) {
-        close()
-      }
-    }, [])
+    const onClickOutside = useCallback(
+      event => {
+        if (
+          ref.current !== event.target &&
+          !getAncestors(event.target).some(node => node === ref.current)
+        ) {
+          close()
+        }
+      },
+      [close]
+    )
 
     const clonedChildren = useClonedChildren(children, setRef, {
       onClick: toggleIsOpen,

src/hooks/use-toggle/index.js

@@ -20,17 +20,17 @@ export default (initialValue = false, { on, off, toggle: onToggle } = {}) => {
 
       return nextValue
     })
-  }, [])
+  }, [on, off, onToggle])
 
   const toggleOn = useCallback(() => {
     setToggle(true)
     if (on) on()
-  }, [])
+  }, [on])
 
   const toggleOff = useCallback(() => {
     setToggle(false)
     if (off) off()
-  }, [])
+  }, [off])
 
   return [value, toggle, toggleOn, toggleOff]
 }