@sanity/ui 2.8.1 → 2.8.2

package/dist/index.js

@@ -5143,11 +5143,14 @@ const Root$7 = styledComponents.styled(Layer)(responsivePaddingStyle, dialogStyl
       [boundaryElement, isTopLayer, onClose, portalElement]
     )
   ), useClickOutside(
-    (event) => {
-      if (!isTopLayer || !onClickOutside) return;
-      const target = event.target;
-      target && !isTargetWithinScope(boundaryElement, portalElement, target) || onClickOutside();
-    },
+    react.useCallback(
+      (event) => {
+        if (!isTopLayer || !onClickOutside) return;
+        const target = event.target;
+        target && !isTargetWithinScope(boundaryElement, portalElement, target) || onClickOutside();
+      },
+      [boundaryElement, isTopLayer, onClickOutside, portalElement]
+    ),
     [rootElement]
   );
   const setRef = react.useCallback((el) => {
@@ -5484,7 +5487,13 @@ const Root$5 = styledComponents.styled(Box)`
   );
   react.useEffect(() => {
     onItemSelect && onItemSelect(activeIndex);
-  }, [activeIndex, onItemSelect]), useClickOutside((event) => isTopLayer && onClickOutside && onClickOutside(event), [rootElement]), useGlobalKeyDown(
+  }, [activeIndex, onItemSelect]), useClickOutside(
+    react.useCallback(
+      (event) => isTopLayer && onClickOutside && onClickOutside(event),
+      [isTopLayer, onClickOutside]
+    ),
+    [rootElement]
+  ), useGlobalKeyDown(
     react.useCallback(
       (event) => {
         isTopLayer && event.key === "Escape" && (event.stopPropagation(), onEscape && onEscape());