diff --git a/src/app/core/code/files/global-config.module.ts b/src/app/core/code/files/global-config.module.ts
index 1b98dea343..0d51e91d61 100644
--- a/src/app/core/code/files/global-config.module.ts
+++ b/src/app/core/code/files/global-config.module.ts
@@ -34,11 +34,11 @@ alainProvides.push(AlainConfigService as any);
 // Please refer to: https://ng.ant.design/docs/global-config/en#how-to-use
 // #region NG-ZORRO Config
 
-import { NzConfig, NZ_CONFIG } from 'ng-zorro-antd/core/config';
+import { NzConfig, provideNzConfig } from 'ng-zorro-antd/core/config';
 
 const ngZorroConfig: NzConfig = {};
 
-const zorroProvides = [{ provide: NZ_CONFIG, useValue: ngZorroConfig }];
+const zorroProvides = [provideNzConfig(ngZorroConfig)];
 
 // #endregion
 
diff --git a/src/app/global-config.module.ts b/src/app/global-config.module.ts
index a767184fd4..e9c73020e1 100644
--- a/src/app/global-config.module.ts
+++ b/src/app/global-config.module.ts
@@ -52,11 +52,11 @@ const alainProvides = [{ provide: ALAIN_CONFIG, useValue: alainConfig }];
 // Please refer to: https://ng.ant.design/docs/global-config/en#how-to-use
 // #region NG-ZORRO Config
 
-import { NzConfig, NZ_CONFIG } from 'ng-zorro-antd/core/config';
+import { NzConfig, provideNzConfig } from 'ng-zorro-antd/core/config';
 
 const ngZorroConfig: NzConfig = {};
 
-const zorroProvides = [{ provide: NZ_CONFIG, useValue: ngZorroConfig }];
+const zorroProvides = [provideNzConfig(ngZorroConfig)];
 
 // #endregion