diff --git a/src/ChatItem/index.tsx b/src/ChatItem/index.tsx
index 333e87ba..75b0612d 100644
--- a/src/ChatItem/index.tsx
+++ b/src/ChatItem/index.tsx
@@ -168,16 +168,18 @@ const ChatItem = memo<ChatItemProps>((props) => {
       {mobile && type === 'block' && <BorderSpacing borderSpacing={MOBILE_AVATAR_SIZE} />}
     </Flexbox>
   );
-  return chatItemRenderConfig?.render?.(
-    props,
-    {
-      avatar: avatarDom,
-      messageContent: messageContentDom,
-      actions: actionsDom,
-      title: titleDom,
+  return (
+    chatItemRenderConfig?.render?.(
+      props,
+      {
+        avatar: avatarDom,
+        messageContent: messageContentDom,
+        actions: actionsDom,
+        title: titleDom,
+        itemDom,
+      },
       itemDom,
-    },
-    itemDom,
+    ) || itemDom
   );
 });