diff --git a/package.json b/package.json
index feb16189..e007f3f1 100644
--- a/package.json
+++ b/package.json
@@ -49,7 +49,7 @@
     "@rc-component/motion": "^1.1.4",
     "@rc-component/overflow": "^1.0.0",
     "@rc-component/trigger": "^3.0.0",
-    "@rc-component/util": "^1.11.1",
+    "@rc-component/util": "^1.13.0",
     "clsx": "^2.1.1"
   },
   "devDependencies": {
diff --git a/src/utils/nodeUtil.tsx b/src/utils/nodeUtil.tsx
index df8a26b5..f6bf8c58 100644
--- a/src/utils/nodeUtil.tsx
+++ b/src/utils/nodeUtil.tsx
@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { isReactRenderable } from '@rc-component/util';
 import Divider from '../Divider';
 import type { Components, ItemType } from '../interface';
 import MenuItem from '../MenuItem';
@@ -55,7 +56,7 @@ function convertItemsToNodes(
           return <MergedDivider key={mergedKey} {...restProps} />;
         }
 
-        const hasExtra = !!extra || extra === 0;
+        const hasExtra = isReactRenderable(extra);
 
         return (
           <MergedMenuItem