diff --git a/angular.json b/angular.json
index 9c0e9a3..a8215d9 100644
--- a/angular.json
+++ b/angular.json
@@ -60,10 +60,10 @@
           "builder": "@angular-devkit/build-angular:dev-server",
           "configurations": {
             "production": {
-              "browserTarget": "myangularproject:build:production"
+              "buildTarget": "myangularproject:build:production"
             },
             "development": {
-              "browserTarget": "myangularproject:build:development"
+              "buildTarget": "myangularproject:build:development"
             }
           },
           "defaultConfiguration": "development"
@@ -71,7 +71,7 @@
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
           "options": {
-            "browserTarget": "myangularproject:build"
+            "buildTarget": "myangularproject:build"
           }
         },
         "test": {
diff --git a/package.json b/package.json
index 7b5ca5f..86d3d05 100644
--- a/package.json
+++ b/package.json
@@ -10,30 +10,30 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^16.1.0",
-    "@angular/common": "^16.1.0",
-    "@angular/compiler": "^16.1.0",
-    "@angular/core": "^16.1.0",
-    "@angular/forms": "^16.1.0",
-    "@angular/platform-browser": "^16.1.0",
-    "@angular/platform-browser-dynamic": "^16.1.0",
-    "@angular/router": "^16.1.0",
+    "@angular/animations": "^20.3.16",
+    "@angular/common": "^20.3.16",
+    "@angular/compiler": "^20.3.16",
+    "@angular/core": "^20.3.16",
+    "@angular/forms": "^20.3.16",
+    "@angular/platform-browser": "^20.3.16",
+    "@angular/platform-browser-dynamic": "^20.3.16",
+    "@angular/router": "^20.3.16",
     "@syncfusion/ej2-angular-maps": "^22.1.34",
     "rxjs": "~7.8.0",
-    "tslib": "^2.3.0",
-    "zone.js": "~0.13.0"
+    "tslib": "^2.6.0",
+    "zone.js": "~0.15.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^16.1.0",
-    "@angular/cli": "~16.1.0",
-    "@angular/compiler-cli": "^16.1.0",
-    "@types/jasmine": "~4.3.0",
-    "jasmine-core": "~4.6.0",
+    "@angular-devkit/build-angular": "^20.3.16",
+    "@angular/cli": "^20.3.16",
+    "@angular/compiler-cli": "^20.3.16",
+    "@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.1.3"
+    "karma-coverage": "~2.0.3",
+    "karma-jasmine": "~5.0.0",
+    "karma-jasmine-html-reporter":"~2.1.0",
+    "typescript": "~5.8.0"
   }
 }
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 78917a5..e819a7c 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -1,11 +1,15 @@
 import { Component } from '@angular/core';
 import * as worldMapData from './worldMap.json';
+import { MapsModule, LegendService, DataLabelService, MapsTooltipService } from '@syncfusion/ej2-angular-maps';
+
 @Component({
   selector: 'app-root',
+  imports: [MapsModule],
+  providers: [LegendService, DataLabelService, MapsTooltipService],
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.css']
 })
-export class AppComponent {
+export class AppComponent { 
   title = 'myangularproject';
 
   public titleOptions: object = {
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
deleted file mode 100644
index 203e700..0000000
--- a/src/app/app.module.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { NgModule } from '@angular/core';
-import { BrowserModule } from '@angular/platform-browser';
-import { MapsModule, LegendService, DataLabelService, MapsTooltipService } from '@syncfusion/ej2-angular-maps';
-import { AppComponent } from './app.component';
-
-@NgModule({
-  declarations: [
-    AppComponent
-  ],
-  imports: [
-    BrowserModule,
-    MapsModule
-  ],
-  providers: [LegendService, DataLabelService, MapsTooltipService],
-  bootstrap: [AppComponent]
-})
-export class AppModule { }
diff --git a/src/main.ts b/src/main.ts
index 1f15dce..e163b69 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,7 +1,7 @@
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+import { bootstrapApplication } from '@angular/platform-browser';
 import { registerLicense } from '@syncfusion/ej2-base';
-import { AppModule } from './app/app.module';
+import { AppComponent } from './app/app.component';
 
 registerLicense("ORg4AjUWIQA/Gnt2V1hhQlJAfVhdXGdWfFN0RnNYfVR1cV9HZ0wxOX1dQl9gSXhRcUVgWH9dcH1VQmk=");
-platformBrowserDynamic().bootstrapModule(AppModule)
-  .catch(err => console.error(err));
+bootstrapApplication(AppComponent)
+  .catch((err) => console.error(err));