diff --git a/components/vc-menu/Menu.jsx b/components/vc-menu/Menu.jsx
index 6dd236691..e582ad001 100644
--- a/components/vc-menu/Menu.jsx
+++ b/components/vc-menu/Menu.jsx
@@ -169,11 +169,10 @@ const Menu = {
       onSelect: this.onSelect,
       ref: 'innerMenu',
     };
-    return (
-      <Provider store={this.store}>
-        <SubPopupMenu {...subPopupMenuProps} />
-      </Provider>
-    );
+
+    const subPopupMenu = <SubPopupMenu {...subPopupMenuProps} />;
+    return <Provider store={this.store}>{subPopupMenu}</Provider>;
   },
 };
+
 export default Menu;
diff --git a/webpack.config.js b/webpack.config.js
index bb57f155f..002841d15 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -46,7 +46,7 @@ module.exports = {
                 style: true,
               },
             ],
-            ['@ant-design-vue/babel-plugin-jsx', { transformOn: true }],
+            ['@ant-design-vue/babel-plugin-jsx', { transformOn: true, usePatchFlag: true }],
             '@babel/plugin-proposal-optional-chaining',
             '@babel/plugin-transform-object-assign',
             '@babel/plugin-proposal-object-rest-spread',