diff --git a/examples/angular/basic/.devcontainer/devcontainer.json b/examples/angular/basic/.devcontainer/devcontainer.json
index 36f47d8762..365adf8f4c 100644
--- a/examples/angular/basic/.devcontainer/devcontainer.json
+++ b/examples/angular/basic/.devcontainer/devcontainer.json
@@ -1,4 +1,4 @@
 {
   "name": "Node.js",
-  "image": "mcr.microsoft.com/devcontainers/javascript-node:18"
+  "image": "mcr.microsoft.com/devcontainers/javascript-node:22"
 }
diff --git a/examples/angular/devtools-panel/.devcontainer/devcontainer.json b/examples/angular/devtools-panel/.devcontainer/devcontainer.json
new file mode 100644
index 0000000000..365adf8f4c
--- /dev/null
+++ b/examples/angular/devtools-panel/.devcontainer/devcontainer.json
@@ -0,0 +1,4 @@
+{
+  "name": "Node.js",
+  "image": "mcr.microsoft.com/devcontainers/javascript-node:22"
+}
diff --git a/examples/angular/devtools-panel/src/app/app.component.ts b/examples/angular/devtools-panel/src/app/app.component.ts
index 8df17fc25b..4fe614238a 100644
--- a/examples/angular/devtools-panel/src/app/app.component.ts
+++ b/examples/angular/devtools-panel/src/app/app.component.ts
@@ -1,6 +1,5 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core'
 import { RouterLink, RouterOutlet } from '@angular/router'
-import { ExampleQueryComponent } from './components/example-query.component'
 
 @Component({
   changeDetection: ChangeDetectionStrategy.OnPush,
@@ -17,6 +16,6 @@ import { ExampleQueryComponent } from './components/example-query.component'
 
     <router-outlet />
   `,
-  imports: [ExampleQueryComponent, RouterOutlet, RouterLink],
+  imports: [RouterOutlet, RouterLink],
 })
 export class AppComponent {}
diff --git a/examples/angular/infinite-query-with-max-pages/.devcontainer/devcontainer.json b/examples/angular/infinite-query-with-max-pages/.devcontainer/devcontainer.json
index 36f47d8762..365adf8f4c 100644
--- a/examples/angular/infinite-query-with-max-pages/.devcontainer/devcontainer.json
+++ b/examples/angular/infinite-query-with-max-pages/.devcontainer/devcontainer.json
@@ -1,4 +1,4 @@
 {
   "name": "Node.js",
-  "image": "mcr.microsoft.com/devcontainers/javascript-node:18"
+  "image": "mcr.microsoft.com/devcontainers/javascript-node:22"
 }
diff --git a/examples/angular/pagination/.devcontainer/devcontainer.json b/examples/angular/pagination/.devcontainer/devcontainer.json
new file mode 100644
index 0000000000..365adf8f4c
--- /dev/null
+++ b/examples/angular/pagination/.devcontainer/devcontainer.json
@@ -0,0 +1,4 @@
+{
+  "name": "Node.js",
+  "image": "mcr.microsoft.com/devcontainers/javascript-node:22"
+}
diff --git a/examples/angular/query-options-from-a-service/.devcontainer/devcontainer.json b/examples/angular/query-options-from-a-service/.devcontainer/devcontainer.json
index 36f47d8762..365adf8f4c 100644
--- a/examples/angular/query-options-from-a-service/.devcontainer/devcontainer.json
+++ b/examples/angular/query-options-from-a-service/.devcontainer/devcontainer.json
@@ -1,4 +1,4 @@
 {
   "name": "Node.js",
-  "image": "mcr.microsoft.com/devcontainers/javascript-node:18"
+  "image": "mcr.microsoft.com/devcontainers/javascript-node:22"
 }
diff --git a/examples/angular/router/.devcontainer/devcontainer.json b/examples/angular/router/.devcontainer/devcontainer.json
index 36f47d8762..365adf8f4c 100644
--- a/examples/angular/router/.devcontainer/devcontainer.json
+++ b/examples/angular/router/.devcontainer/devcontainer.json
@@ -1,4 +1,4 @@
 {
   "name": "Node.js",
-  "image": "mcr.microsoft.com/devcontainers/javascript-node:18"
+  "image": "mcr.microsoft.com/devcontainers/javascript-node:22"
 }
diff --git a/examples/angular/rxjs/.devcontainer/devcontainer.json b/examples/angular/rxjs/.devcontainer/devcontainer.json
index 36f47d8762..365adf8f4c 100644
--- a/examples/angular/rxjs/.devcontainer/devcontainer.json
+++ b/examples/angular/rxjs/.devcontainer/devcontainer.json
@@ -1,4 +1,4 @@
 {
   "name": "Node.js",
-  "image": "mcr.microsoft.com/devcontainers/javascript-node:18"
+  "image": "mcr.microsoft.com/devcontainers/javascript-node:22"
 }
diff --git a/examples/angular/simple/.devcontainer/devcontainer.json b/examples/angular/simple/.devcontainer/devcontainer.json
index 36f47d8762..365adf8f4c 100644
--- a/examples/angular/simple/.devcontainer/devcontainer.json
+++ b/examples/angular/simple/.devcontainer/devcontainer.json
@@ -1,4 +1,4 @@
 {
   "name": "Node.js",
-  "image": "mcr.microsoft.com/devcontainers/javascript-node:18"
+  "image": "mcr.microsoft.com/devcontainers/javascript-node:22"
 }