@zenkigen-inc/component-ui 1.6.1 → 1.6.3

package/dist/index.js

@@ -31530,9 +31530,13 @@ function Modal({
   onClose,
   portalTargetRef
 }) {
+  const [isMounted, setIsMounted] = useState(false);
   const renderWidth = typeof width === 'number' ? Math.max(width, LIMIT_WIDTH) : width;
   const renderHeight = typeof height === 'number' ? Math.max(height, LIMIT_HEIGHT) : height;
-  return /*#__PURE__*/reactDom.createPortal(isOpen && /*#__PURE__*/jsx(ModalContext.Provider, {
+  useEffect(() => {
+    setIsMounted(true);
+  }, []);
+  return isMounted && isOpen ? /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/jsx(ModalContext.Provider, {
     value: {
       onClose
     },
@@ -31547,7 +31551,7 @@ function Modal({
         children: children
       })
     })
-  }), !portalTargetRef || (portalTargetRef == null ? void 0 : portalTargetRef.current) === null ? document.body : portalTargetRef.current);
+  }), (portalTargetRef == null ? void 0 : portalTargetRef.current) != null ? portalTargetRef.current : document.body) : null;
 }
 Modal.Body = ModalBody;
 Modal.Header = ModalHeader;
@@ -32687,5 +32691,5 @@ function Tooltip({
   });
 }
 
-export { Avatar, Breadcrumb, Button, Checkbox, Dropdown, EvaluationStar, Heading, Icon, IconButton, Loading, Modal, NotificationInline, Pagination, PaginationSelect, Radio, Search, Select, SelectSort, Tab, TabItem, Table, TableCell, TableRow, Tag, TextArea, TextInput, Toast, ToastProvider, Toggle, Tooltip, useToast };
+export { Avatar, Breadcrumb, Button, Checkbox, Dropdown, EvaluationStar, Heading, Icon, IconButton, Loading, Modal, NotificationInline, Pagination, PaginationSelect, Radio, Search, Select, SelectSort, Tab, TabItem, Table, TableCell, TableRow, Tag, TextArea, TextInput, Toast, ToastProvider, Toggle, Tooltip, useOutsideClick, useToast };
 //# sourceMappingURL=index.js.map