diff --git a/package-lock.json b/package-lock.json
index 5d2991e12..f0fbad7cd 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -31,6 +31,7 @@
         "@rx-angular/state": "^17.0.0",
         "@rx-angular/template": "^17.0.0",
         "@swc/helpers": "0.5.3",
+        "@tanstack/angular-query-experimental": "^5.12.1",
         "rxjs": "7.8.1",
         "tailwindcss": "^3.3.5",
         "tslib": "^2.3.0",
@@ -63,6 +64,7 @@
         "@swc-node/register": "1.6.8",
         "@swc/cli": "~0.1.62",
         "@swc/core": "1.3.94",
+        "@tanstack/angular-query-devtools-experimental": "^5.12.1",
         "@testing-library/angular": "^14.5.0",
         "@testing-library/cypress": "10.0.1",
         "@testing-library/jest-dom": "^6.1.4",
@@ -7975,6 +7977,78 @@
         "node": ">=10"
       }
     },
+    "node_modules/@tanstack/angular-query-devtools-experimental": {
+      "version": "5.12.1",
+      "resolved": "https://registry.npmjs.org/@tanstack/angular-query-devtools-experimental/-/angular-query-devtools-experimental-5.12.1.tgz",
+      "integrity": "sha512-zo4JCFajLSiwOPmRcfcBGSzO9QjEVLYMHNmnb/NiXBstuHibfy1C2VMoUhyFzMNr/fp27BXlMYup40mj5tgBAA==",
+      "dev": true,
+      "dependencies": {
+        "@tanstack/query-devtools": "5.12.1",
+        "tslib": "^2.6.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "@angular/core": "^17"
+      }
+    },
+    "node_modules/@tanstack/angular-query-experimental": {
+      "version": "5.12.1",
+      "resolved": "https://registry.npmjs.org/@tanstack/angular-query-experimental/-/angular-query-experimental-5.12.1.tgz",
+      "integrity": "sha512-4S2Rb7GJRF2o9yg7PoXvYtdxXKmnz7dVN6gTxkS3slcPzjpdX7z2ABgo1SmgTXsTuV44CLyZ3ekVR1+9C1Gx+A==",
+      "dependencies": {
+        "@tanstack/query-core": "5.12.1",
+        "ngxtension": "^1.0.3",
+        "tslib": "^2.6.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "@angular/core": "^17"
+      }
+    },
+    "node_modules/@tanstack/angular-query-experimental/node_modules/ngxtension": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/ngxtension/-/ngxtension-1.4.0.tgz",
+      "integrity": "sha512-/9J3nJjfqcyGHIwchx1uB5JTFdj0+W5AUQXZv0tfhsQ4UWrTEwoV+R2Agx0BZJR3BrLsjaBnbLZ5PQxp4woVCA==",
+      "dependencies": {
+        "@nx/devkit": "^17.0.0",
+        "nx": "^17.0.0",
+        "tslib": "^2.3.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@angular/common": ">=16.0.0",
+        "@angular/core": ">=16.0.0",
+        "@use-gesture/vanilla": "^10.0.0",
+        "rxjs": "^6.0.0 || ^7.0.0"
+      }
+    },
+    "node_modules/@tanstack/query-core": {
+      "version": "5.12.1",
+      "resolved": "https://registry.npmjs.org/@tanstack/query-core/-/query-core-5.12.1.tgz",
+      "integrity": "sha512-WbZztNmKq0t6QjdNmHzezbi/uifYo9j6e2GLJkodsYaYUlzMbAp91RDyeHkIZrm7EfO4wa6Sm5sxJZm5SPlh6w==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
+    "node_modules/@tanstack/query-devtools": {
+      "version": "5.12.1",
+      "resolved": "https://registry.npmjs.org/@tanstack/query-devtools/-/query-devtools-5.12.1.tgz",
+      "integrity": "sha512-AUWLgdZEYq/ckMZrtKpofOwqxuFiEIdy3gZOh/ouIBVra9ijXVTxYt5cZFSjXJT4q/o0DMii6xMZuIJx2qXZ6g==",
+      "dev": true,
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
     "node_modules/@testing-library/angular": {
       "version": "14.5.0",
       "resolved": "https://registry.npmjs.org/@testing-library/angular/-/angular-14.5.0.tgz",
@@ -9222,6 +9296,21 @@
         "url": "https://opencollective.com/typescript-eslint"
       }
     },
+    "node_modules/@use-gesture/core": {
+      "version": "10.3.0",
+      "resolved": "https://registry.npmjs.org/@use-gesture/core/-/core-10.3.0.tgz",
+      "integrity": "sha512-rh+6MND31zfHcy9VU3dOZCqGY511lvGcfyJenN4cWZe0u1BH6brBpBddLVXhF2r4BMqWbvxfsbL7D287thJU2A==",
+      "peer": true
+    },
+    "node_modules/@use-gesture/vanilla": {
+      "version": "10.3.0",
+      "resolved": "https://registry.npmjs.org/@use-gesture/vanilla/-/vanilla-10.3.0.tgz",
+      "integrity": "sha512-hehZWLaNyNc+TWAbhJpj84yumD8ZBp/eet6HGg3xztPcchuNNTGEu5LEEdSg69SXHzS7exWE6j5VnsZ3VXVFxQ==",
+      "peer": true,
+      "dependencies": {
+        "@use-gesture/core": "10.3.0"
+      }
+    },
     "node_modules/@vitejs/plugin-basic-ssl": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/@vitejs/plugin-basic-ssl/-/plugin-basic-ssl-1.0.1.tgz",
diff --git a/package.json b/package.json
index 88eafce87..db971a7ba 100644
--- a/package.json
+++ b/package.json
@@ -34,6 +34,7 @@
     "@rx-angular/state": "^17.0.0",
     "@rx-angular/template": "^17.0.0",
     "@swc/helpers": "0.5.3",
+    "@tanstack/angular-query-experimental": "^5.12.1",
     "rxjs": "7.8.1",
     "tailwindcss": "^3.3.5",
     "tslib": "^2.3.0",
@@ -66,6 +67,7 @@
     "@swc-node/register": "1.6.8",
     "@swc/cli": "~0.1.62",
     "@swc/core": "1.3.94",
+    "@tanstack/angular-query-devtools-experimental": "^5.12.1",
     "@testing-library/angular": "^14.5.0",
     "@testing-library/cypress": "10.0.1",
     "@testing-library/jest-dom": "^6.1.4",