diff --git a/client/web/src/components/ChatBox/ChatMessageList/Item.tsx b/client/web/src/components/ChatBox/ChatMessageList/Item.tsx
index 08a2b4d9..a3d016ac 100644
--- a/client/web/src/components/ChatBox/ChatMessageList/Item.tsx
+++ b/client/web/src/components/ChatBox/ChatMessageList/Item.tsx
@@ -153,7 +153,7 @@ const NormalMessage: React.FC<ChatMessageItemProps> = React.memo((props) => {
           content={emojiAction}
           placement="bottomLeft"
           trigger={['click']}
-          onVisibleChange={setIsActionBtnActive}
+          onOpenChange={setIsActionBtnActive}
         >
           <div>
             <MessageActionIcon icon="mdi:emoticon-happy-outline" />
@@ -164,7 +164,7 @@ const NormalMessage: React.FC<ChatMessageItemProps> = React.memo((props) => {
           menu={moreActions}
           placement="bottomLeft"
           trigger={['click']}
-          onVisibleChange={setIsActionBtnActive}
+          onOpenChange={setIsActionBtnActive}
         >
           <div>
             <MessageActionIcon icon="mdi:dots-horizontal" />
diff --git a/client/web/src/components/TcPopover.tsx b/client/web/src/components/TcPopover.tsx
index a6a28042..e5a7b342 100644
--- a/client/web/src/components/TcPopover.tsx
+++ b/client/web/src/components/TcPopover.tsx
@@ -17,26 +17,22 @@ export const TcPopover: React.FC<PopoverProps> = React.memo((props) => {
     (v: boolean) => {
       setVisible(v);
 
-      typeof props.onVisibleChange === 'function' && props.onVisibleChange(v);
+      typeof props.onOpenChange === 'function' && props.onOpenChange(v);
     },
-    [props.onVisibleChange]
+    [props.onOpenChange]
   );
 
   const closePopover = useCallback(() => {
     setVisible(false);
 
-    typeof props.onVisibleChange === 'function' && props.onVisibleChange(false);
+    typeof props.onOpenChange === 'function' && props.onOpenChange(false);
   }, []);
 
   const handler = useMemo(() => ({ closePopover }), [closePopover]);
 
   return (
     <TcPopoverContext.Provider value={handler}>
-      <Popover
-        {...props}
-        visible={visible}
-        onVisibleChange={handleVisibleChange}
-      />
+      <Popover {...props} open={visible} onOpenChange={handleVisibleChange} />
     </TcPopoverContext.Provider>
   );
 });