react-better-html 1.1.255 → 1.1.256

package/dist/index.js

@@ -2476,6 +2476,10 @@ var ModalComponent = (0, import_react11.forwardRef)(function Modal({
   const { app } = useBetterHtmlContextInternal();
   const { colorTheme } = (0, import_react_better_core10.useBetterCoreContext)();
   const dialogRef = (0, import_react11.useRef)(null);
+  const onOpenRef = (0, import_react11.useRef)(onOpen);
+  onOpenRef.current = onOpen;
+  const onCloseRef = (0, import_react11.useRef)(onClose);
+  onCloseRef.current = onClose;
   const [isOpened, setIsOpened] = (0, import_react_better_core10.useBooleanState)(false);
   const [isOpenedLate, setIsOpenedLate] = (0, import_react_better_core10.useBooleanState)(false);
   const onClickOpen = (0, import_react11.useCallback)(() => {
@@ -2490,20 +2494,20 @@ var ModalComponent = (0, import_react11.forwardRef)(function Modal({
         false
       );
     }
-    onOpen?.();
-  }, [onOpen, urlQuery, name]);
+    onOpenRef.current?.();
+  }, [urlQuery, name]);
   const onClickClose = (0, import_react11.useCallback)(
     (event) => {
       event?.stopPropagation();
       setIsOpened.setFalse();
-      onClose?.();
+      onCloseRef.current?.();
       if (urlQuery && name) urlQuery.removeQuery(`${name}-modal`, false);
       setTimeout(() => {
         dialogRef.current?.close();
         setIsOpenedLate.setFalse();
       }, 0.2 * 1e3);
     },
-    [onClose, urlQuery, name]
+    [urlQuery, name]
   );
   const onKeyDown = (0, import_react11.useCallback)(
     (event) => {