diff --git a/packages/cli/package.json b/packages/cli/package.json
index 1d5b8e9b2..dcfa5397b 100644
--- a/packages/cli/package.json
+++ b/packages/cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "igniteui-cli",
-  "version": "14.8.4",
+  "version": "14.8.5-beta.3",
   "description": "CLI tool for creating Ignite UI projects",
   "keywords": [
     "CLI",
@@ -76,8 +76,8 @@
     "all": true
   },
   "dependencies": {
-    "@igniteui/angular-templates": "~21.0.1484",
-    "@igniteui/cli-core": "~14.8.4",
+    "@igniteui/angular-templates": "~21.0.1485-beta.3",
+    "@igniteui/cli-core": "~14.8.5-beta.3",
     "@inquirer/prompts": "^7.9.0",
     "@types/yargs": "^17.0.33",
     "chalk": "^5.3.0",
diff --git a/packages/core/package.json b/packages/core/package.json
index 74975bdd7..fd4171581 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@igniteui/cli-core",
-  "version": "14.8.4",
+  "version": "14.8.5-beta.3",
   "description": "Base types and functionality for Ignite UI CLI",
   "repository": {
     "type": "git",
diff --git a/packages/igx-templates/igx-ts/projects/_base/files/src/app/app.config.ts b/packages/igx-templates/igx-ts/projects/_base/files/src/app/app.config.ts
index 074869c16..e2c53ebbe 100644
--- a/packages/igx-templates/igx-ts/projects/_base/files/src/app/app.config.ts
+++ b/packages/igx-templates/igx-ts/projects/_base/files/src/app/app.config.ts
@@ -1,4 +1,4 @@
-import { ApplicationConfig, ErrorHandler, Provider, importProvidersFrom } from '@angular/core';
+import { ApplicationConfig, ErrorHandler, EnvironmentProviders, Provider, importProvidersFrom, provideZoneChangeDetection } from '@angular/core';
 import { provideRouter } from '@angular/router';
 import { BrowserModule, HammerModule } from '@angular/platform-browser';
 import { provideAnimations } from '@angular/platform-browser/animations';
@@ -10,7 +10,8 @@ import { environment } from '../environments/environment';
 // provide the HAMMER_GESTURE_CONFIG token
 // to override the default settings of the HammerModule
 // { provide: HAMMER_GESTURE_CONFIG, useClass: MyHammerConfig }
-const providers: Provider = [
+const providers: (EnvironmentProviders | Provider)[] = [
+  provideZoneChangeDetection({ eventCoalescing: true }),
   provideRouter(routes),
   importProvidersFrom(BrowserModule, HammerModule),
   provideAnimations()
diff --git a/packages/igx-templates/igx-ts/projects/_base_with_home/files/src/app/app.config.ts b/packages/igx-templates/igx-ts/projects/_base_with_home/files/src/app/app.config.ts
index d9df2736a..6e8584d43 100644
--- a/packages/igx-templates/igx-ts/projects/_base_with_home/files/src/app/app.config.ts
+++ b/packages/igx-templates/igx-ts/projects/_base_with_home/files/src/app/app.config.ts
@@ -1,9 +1,10 @@
-import { ApplicationConfig, Provider } from '@angular/core';
+import { ApplicationConfig, EnvironmentProviders, Provider, provideZoneChangeDetection } from '@angular/core';
 import { provideRouter } from '@angular/router';
 
 import { routes } from './app.routes';
 
-const providers: Provider = [
+const providers: (EnvironmentProviders | Provider)[] = [
+  provideZoneChangeDetection({ eventCoalescing: true }),
   provideRouter(routes)
 ];
 
diff --git a/packages/igx-templates/igx-ts/projects/empty/files/src/app/app.config.ts b/packages/igx-templates/igx-ts/projects/empty/files/src/app/app.config.ts
index d9df2736a..6e8584d43 100644
--- a/packages/igx-templates/igx-ts/projects/empty/files/src/app/app.config.ts
+++ b/packages/igx-templates/igx-ts/projects/empty/files/src/app/app.config.ts
@@ -1,9 +1,10 @@
-import { ApplicationConfig, Provider } from '@angular/core';
+import { ApplicationConfig, EnvironmentProviders, Provider, provideZoneChangeDetection } from '@angular/core';
 import { provideRouter } from '@angular/router';
 
 import { routes } from './app.routes';
 
-const providers: Provider = [
+const providers: (EnvironmentProviders | Provider)[] = [
+  provideZoneChangeDetection({ eventCoalescing: true }),
   provideRouter(routes)
 ];
 
diff --git a/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.config.ts b/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.config.ts
index e80e5b6e2..6f1c6d4f9 100644
--- a/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.config.ts
+++ b/packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.config.ts
@@ -1,4 +1,4 @@
-import { ApplicationConfig, Provider, importProvidersFrom } from '@angular/core';
+import { ApplicationConfig, EnvironmentProviders, Provider, importProvidersFrom, provideZoneChangeDetection } from '@angular/core';
 import { provideRouter } from '@angular/router';
 import { BrowserModule, HammerModule } from '@angular/platform-browser';
 import { provideAnimations } from '@angular/platform-browser/animations';
@@ -15,7 +15,8 @@ import { routes } from './app.routes';
 // provide the HAMMER_GESTURE_CONFIG token
 // to override the default settings of the HammerModule
 // { provide: HAMMER_GESTURE_CONFIG, useClass: MyHammerConfig }
-const providers: Provider = [
+const providers: (EnvironmentProviders | Provider)[] = [
+  provideZoneChangeDetection({ eventCoalescing: true }),
   provideRouter(routes),
   importProvidersFrom(
     BrowserModule,
diff --git a/packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.config.ts b/packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.config.ts
index 5a0b38a91..f09c04b8f 100644
--- a/packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.config.ts
+++ b/packages/igx-templates/igx-ts/projects/side-nav/files/src/app/app.config.ts
@@ -1,4 +1,4 @@
-import { ApplicationConfig, Provider, importProvidersFrom } from '@angular/core';
+import { ApplicationConfig, EnvironmentProviders, Provider, importProvidersFrom, provideZoneChangeDetection } from '@angular/core';
 import { provideRouter } from '@angular/router';
 import { BrowserModule, HammerModule } from '@angular/platform-browser';
 import { provideAnimations } from '@angular/platform-browser/animations';
@@ -14,7 +14,8 @@ import { routes } from './app.routes';
 // provide the HAMMER_GESTURE_CONFIG token
 // to override the default settings of the HammerModule
 // { provide: HAMMER_GESTURE_CONFIG, useClass: MyHammerConfig }
-const providers: Provider = [
+const providers: (EnvironmentProviders | Provider)[] = [
+  provideZoneChangeDetection({ eventCoalescing: true }),
   provideRouter(routes),
   importProvidersFrom(
     BrowserModule,
diff --git a/packages/igx-templates/package.json b/packages/igx-templates/package.json
index b14962608..fee69cfd2 100644
--- a/packages/igx-templates/package.json
+++ b/packages/igx-templates/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@igniteui/angular-templates",
-  "version": "21.0.1484",
+  "version": "21.0.1485-beta.3",
   "description": "Templates for Ignite UI for Angular projects and components",
   "repository": {
     "type": "git",
@@ -12,7 +12,7 @@
   "author": "Infragistics",
   "license": "MIT",
   "dependencies": {
-    "@igniteui/cli-core": "~14.8.4",
+    "@igniteui/cli-core": "~14.8.5-beta.3",
     "typescript": "~5.5.4"
   }
 }
diff --git a/packages/ng-schematics/package.json b/packages/ng-schematics/package.json
index 68ff7e95d..2280ce8fa 100644
--- a/packages/ng-schematics/package.json
+++ b/packages/ng-schematics/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@igniteui/angular-schematics",
-  "version": "21.0.1484",
+  "version": "21.0.1485-beta.3",
   "description": "Ignite UI for Angular Schematics for ng new and ng generate",
   "repository": {
     "type": "git",
@@ -20,8 +20,8 @@
   "dependencies": {
     "@angular-devkit/core": "^19.0.0",
     "@angular-devkit/schematics": "^19.0.0",
-    "@igniteui/angular-templates": "~21.0.1484",
-    "@igniteui/cli-core": "~14.8.4",
+    "@igniteui/angular-templates": "~21.0.1485-beta.3",
+    "@igniteui/cli-core": "~14.8.5-beta.3",
     "@schematics/angular": "~19.0.0",
     "minimatch": "^10.0.1",
     "rxjs": "^7.8.1"