diff --git a/angular.json b/angular.json
index 7406d63..db8f1e1 100644
--- a/angular.json
+++ b/angular.json
@@ -18,7 +18,7 @@
             "main": "src/main.ts",
             "polyfills": "src/polyfills.ts",
             "tsConfig": "tsconfig.app.json",
-            "aot": false,
+            "aot": true,
             "assets": [
               "src/favicon.ico",
               "src/assets"
@@ -64,18 +64,18 @@
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",
           "options": {
-            "browserTarget": "getting-started:build"
+            "buildTarget": "getting-started:build"
           },
           "configurations": {
             "production": {
-              "browserTarget": "getting-started:build:production"
+              "buildTarget": "getting-started:build:production"
             }
           }
         },
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
           "options": {
-            "browserTarget": "getting-started:build"
+            "buildTarget": "getting-started:build"
           }
         },
         "test": {
@@ -124,5 +124,8 @@
       }
     }
   },
-  "defaultProject": "getting-started"
+  "defaultProject": "getting-started",
+  "cli": {
+    "analytics": "92455cd5-97d8-4d2d-94b9-ff00dc351cdb"
+  }
 }
\ No newline at end of file
diff --git a/package.json b/package.json
index e6938ee..082345e 100644
--- a/package.json
+++ b/package.json
@@ -11,39 +11,31 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "~10.2.5",
-    "@angular/common": "~10.2.5",
-    "@angular/compiler": "~10.2.5",
-    "@angular/core": "~10.2.5",
-    "@angular/forms": "~10.2.5",
-    "@angular/platform-browser": "~10.2.5",
-    "@angular/platform-browser-dynamic": "~10.2.5",
-    "@angular/router": "~10.2.5",
-    "@syncfusion/ej2-angular-treegrid": "^17.2.47",
-    "@syncfusion/ej2-material-theme": "~17.2.46",
-    "rxjs": "~6.6.0",
-    "tslib": "^2.0.0",
-    "zone.js": "~0.10.3"
+    "@angular/animations": "^20.0.0",
+    "@angular/common": "^20.0.0",
+    "@angular/compiler": "^20.0.0",
+    "@angular/core": "^20.0.0",
+    "@angular/forms": "^20.0.0",
+    "@angular/platform-browser": "^20.0.0",
+    "@angular/platform-browser-dynamic": "^20.0.0",
+    "@angular/router": "^20.0.0",
+    "@syncfusion/ej2-angular-treegrid": "*",
+    "@syncfusion/ej2-material-theme": "*",
+     "rxjs": "~7.8.0",
+    "tslib": "^2.3.0",
+    "zone.js": "~0.15.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^0.1000.0",
-    "@angular/cli": "^10.0.0",
-    "@angular/compiler-cli": "~10.2.5",
-    "@angular/language-service": "~10.2.5",
-    "@types/jasmine": "~3.6.0",
-    "@types/jasminewd2": "~2.0.3",
-    "@types/node": "~12.11.7",
-    "codelyzer": "^6.0.0",
-    "jasmine-core": "~4.0.1",
-    "jasmine-spec-reporter": "~6.0.0",
-    "karma": "~6.3.16",
-    "karma-chrome-launcher": "~3.1.0",
-    "karma-coverage-istanbul-reporter": "~3.0.2",
-    "karma-jasmine": "~4.0.0",
-    "karma-jasmine-html-reporter": "^1.5.0",
-    "protractor": "~7.0.0",
-    "ts-node": "~8.3.0",
-    "tslint": "~6.1.0",
-    "typescript": "~3.9.7"
+    "@angular-devkit/build-angular": "^20.3.24",
+    "@angular/cli": "^20.0.0",
+    "@angular/compiler-cli": "^20.0.0",
+    "@types/jasmine": "~5.1.0",
+    "jasmine-core": "~5.1.0",
+    "karma": "~6.4.0",
+    "karma-chrome-launcher": "~3.2.0",
+    "karma-coverage": "~2.2.0",
+    "karma-jasmine": "~5.1.0",
+    "karma-jasmine-html-reporter": "~2.1.0",
+    "typescript": "~5.8.2"
   }
 }
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index bac966c..ab832ec 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -1,14 +1,17 @@
 import { Component, OnInit } from '@angular/core';
 import { sampleData } from './datasource';
-import { FilterSettingsModel } from '@syncfusion/ej2-angular-treegrid';
+import { FilterSettingsModel, FilterService , TreeGridModule} from '@syncfusion/ej2-angular-treegrid';
 
 @Component({
   selector: 'app-root',
+  standalone:true,
   templateUrl: './app.component.html',
-  styleUrls: ['./app.component.css']
+  providers: [FilterService],
+  styleUrls: ['./app.component.css'],
+   imports: [TreeGridModule],
 })
 export class AppComponent implements OnInit {
-  public data: Object[];
+  public data!: Object[];
   public filterSettings: FilterSettingsModel;
   public filterTaskName: FilterSettingsModel = { type: 'Menu' };
   public filterTaskID: FilterSettingsModel = { type: 'CheckBox' };
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
deleted file mode 100644
index afbd69f..0000000
--- a/src/app/app.module.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { NgModule } from '@angular/core';
-import { BrowserModule } from '@angular/platform-browser';
-import { AppComponent } from './app.component';
-import { TreeGridModule } from '@syncfusion/ej2-angular-treegrid';
-import { FilterService } from '@syncfusion/ej2-angular-treegrid';
-
-@NgModule({
-  declarations: [AppComponent],
-  imports: [BrowserModule, TreeGridModule],
-  providers: [FilterService],
-  bootstrap: [AppComponent]
-})
-export class AppModule {}
diff --git a/src/index.html b/src/index.html
index a9498f6..27338f3 100644
--- a/src/index.html
+++ b/src/index.html
@@ -6,6 +6,7 @@
     <base href="/" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" type="image/x-icon" href="favicon.ico" />
+    <script src="https://cdn.syncfusion.com/ej2/syncfusion-helper.js" type ="text/javascript"></script>
   </head>
   <body>
     <app-root></app-root>
diff --git a/src/main.ts b/src/main.ts
index c7b673c..9bdf8d9 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,12 +1,6 @@
-import { enableProdMode } from '@angular/core';
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+import { bootstrapApplication } from '@angular/platform-browser';
+import { AppComponent } from './app/app.component';
+import 'zone.js';
 
-import { AppModule } from './app/app.module';
-import { environment } from './environments/environment';
-
-if (environment.production) {
-  enableProdMode();
-}
-
-platformBrowserDynamic().bootstrapModule(AppModule)
-  .catch(err => console.error(err));
+bootstrapApplication(AppComponent)
+  .catch((err) => console.error(err));
diff --git a/src/polyfills.ts b/src/polyfills.ts
index aa665d6..d1ecfd1 100644
--- a/src/polyfills.ts
+++ b/src/polyfills.ts
@@ -55,7 +55,7 @@
 /***************************************************************************************************
  * Zone JS is required by default for Angular itself.
  */
-import 'zone.js/dist/zone';  // Included with Angular CLI.
+import 'zone.js'; // Included with Angular CLI.
 
 
 /***************************************************************************************************
diff --git a/tsconfig.json b/tsconfig.json
index 30956ae..95d424f 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,16 +1,14 @@
 {
   "compileOnSave": false,
   "compilerOptions": {
-    "baseUrl": "./",
     "outDir": "./dist/out-tsc",
     "sourceMap": true,
     "declaration": false,
-    "downlevelIteration": true,
     "experimentalDecorators": true,
     "module": "esnext",
-    "moduleResolution": "node",
+     "moduleResolution": "bundler",
     "importHelpers": true,
-    "target": "es2015",
+    "target": "es2020",
     "typeRoots": [
       "node_modules/@types"
     ],