diff --git a/package-lock.json b/package-lock.json
index 1e3cc81..ea29adc 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1774,6 +1774,32 @@
         "tailwindcss": ">=3.0.0 || insiders || >=4.0.0-alpha.20 || >=4.0.0-beta.1"
       }
     },
+    "node_modules/@tanstack/query-core": {
+      "version": "5.90.20",
+      "resolved": "https://registry.npmjs.org/@tanstack/query-core/-/query-core-5.90.20.tgz",
+      "integrity": "sha512-OMD2HLpNouXEfZJWcKeVKUgQ5n+n3A2JFmBaScpNDUqSrQSjiveC7dKMe53uJUg1nDG16ttFPz2xfilz6i2uVg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
+    "node_modules/@tanstack/react-query": {
+      "version": "5.90.20",
+      "resolved": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-5.90.20.tgz",
+      "integrity": "sha512-vXBxa+qeyveVO7OA0jX1z+DeyCA4JKnThKv411jd5SORpBKgkcVnYKCiBgECvADvniBX7tobwBmg01qq9JmMJw==",
+      "license": "MIT",
+      "dependencies": {
+        "@tanstack/query-core": "5.90.20"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "react": "^18 || ^19"
+      }
+    },
     "node_modules/@trpc/client": {
       "version": "11.9.0",
       "resolved": "https://registry.npmjs.org/@trpc/client/-/client-11.9.0.tgz",
@@ -1787,6 +1813,23 @@
         "typescript": ">=5.7.2"
       }
     },
+    "node_modules/@trpc/react-query": {
+      "version": "11.9.0",
+      "resolved": "https://registry.npmjs.org/@trpc/react-query/-/react-query-11.9.0.tgz",
+      "integrity": "sha512-9Gpj06ZcfsA77PB5A8VC2MFS/E7pPvoNqaSlSrAgLyRsKqy0gldFOW2RMKura69M6fwtgjg9+4i2+rOHKT7qLw==",
+      "funding": [
+        "https://trpc.io/sponsor"
+      ],
+      "license": "MIT",
+      "peerDependencies": {
+        "@tanstack/react-query": "^5.80.3",
+        "@trpc/client": "11.9.0",
+        "@trpc/server": "11.9.0",
+        "react": ">=18.2.0",
+        "react-dom": ">=18.2.0",
+        "typescript": ">=5.7.2"
+      }
+    },
     "node_modules/@trpc/server": {
       "version": "11.9.0",
       "resolved": "https://registry.npmjs.org/@trpc/server/-/server-11.9.0.tgz",
@@ -5332,6 +5375,10 @@
       "name": "@codewalk-district/web",
       "version": "0.0.1",
       "dependencies": {
+        "@codewalk-district/shared": "*",
+        "@tanstack/react-query": "^5.75.0",
+        "@trpc/client": "^11.9.0",
+        "@trpc/react-query": "^11.9.0",
         "class-variance-authority": "^0.7.1",
         "clsx": "^2.1.1",
         "lucide-react": "^0.563.0",
diff --git a/packages/web/package.json b/packages/web/package.json
index 1b3b3b0..94770a9 100644
--- a/packages/web/package.json
+++ b/packages/web/package.json
@@ -10,6 +10,10 @@
     "lint": "tsc --noEmit"
   },
   "dependencies": {
+    "@codewalk-district/shared": "*",
+    "@tanstack/react-query": "^5.75.0",
+    "@trpc/client": "^11.9.0",
+    "@trpc/react-query": "^11.9.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "lucide-react": "^0.563.0",
diff --git a/packages/web/tsconfig.app.json b/packages/web/tsconfig.app.json
index dd410c1..6f79627 100644
--- a/packages/web/tsconfig.app.json
+++ b/packages/web/tsconfig.app.json
@@ -21,5 +21,6 @@
       "@/*": ["./src/*"]
     }
   },
-  "include": ["src"]
+  "include": ["src"],
+  "references": [{ "path": "../shared" }]
 }