diff --git a/components/config-provider/index.tsx b/components/config-provider/index.tsx
index 7e60e1074..94be3f1fc 100644
--- a/components/config-provider/index.tsx
+++ b/components/config-provider/index.tsx
@@ -1,4 +1,4 @@
-import { reactive, provide, VNodeTypes, PropType, defineComponent, App } from 'vue';
+import { reactive, provide, VNodeTypes, PropType, defineComponent, App, watch } from 'vue';
 import PropTypes from '../_util/vue-types';
 import defaultRenderEmpty, { RenderEmptyHandler } from './renderEmpty';
 import LocaleProvider, { Locale, ANT_MARK } from '../locale-provider';
@@ -81,7 +81,7 @@ const ConfigProvider = defineComponent({
     getPopupContainer: {
       type: Function as PropType<(triggerNode: HTMLElement) => HTMLElement>,
     },
-    prefixCls: PropTypes.string,
+    prefixCls: String,
     getPrefixCls: {
       type: Function as PropType<(suffixCls?: string, customizePrefixCls?: string) => string>,
     },
@@ -140,6 +140,10 @@ const ConfigProvider = defineComponent({
       renderEmpty: renderEmptyComponent,
     });
 
+    watch(props, () => {
+      Object.assign(configProvider, props);
+    });
+
     provide('configProvider', configProvider);
 
     const renderProvider = (legacyLocale: Locale) => {