diff --git a/packages/ui/src/controlled-modal/index.tsx b/packages/ui/src/controlled-modal/index.tsx
index 730d805..f937b7b 100644
--- a/packages/ui/src/controlled-modal/index.tsx
+++ b/packages/ui/src/controlled-modal/index.tsx
@@ -96,7 +96,7 @@ export const ControlledModal: MemoExoticComponentWithAs<ModalProps, 'dialog'> =
     const { children, isOpen = false, handleClose, noAnimation = false, ...rest } = props;
     const onCloseHandler = isOpen ? handleClose : () => null;
 
-    useOnClickOutside(_ref, isOpen ? onCloseHandler : null);
+    useOnClickOutside(_ref, onCloseHandler);
     useHotkeys('esc', onCloseHandler, [onCloseHandler]);
 
     return (