update convex-helpers, implement query caching

conradkoh · conradkoh · commit 8a4d665778d3 · 2025-07-03T14:36:21.000+08:00
diff --git a/apps/webapp/package.json b/apps/webapp/package.json
@@ -31,7 +31,7 @@
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "convex": "^1.24.8",
-    "convex-helpers": "^0.1.91",
+    "convex-helpers": "^0.1.96",
     "lucide-react": "^0.511.0",
     "luxon": "^3.6.1",
     "next": "15.3.1",
diff --git a/apps/webapp/src/app/layout.tsx b/apps/webapp/src/app/layout.tsx
@@ -8,6 +8,7 @@ import { AppInfoProvider } from '@/modules/app/AppInfoProvider';
 import { AuthProvider } from '@/modules/auth/AuthProvider';
 import { ThemeProvider } from '@/modules/theme/ThemeProvider';
 import type { Theme } from '@/modules/theme/theme-utils';
+import { ConvexQueryCacheProvider } from 'convex-helpers/react/cache/provider';
 
 const geistSans = Geist({
   variable: '--font-geist-sans',
@@ -61,16 +62,18 @@ export default function RootLayout({
       </head>
       <body className={`${geistSans.variable} ${geistMono.variable} antialiased`}>
         <ConvexClientProvider>
-          <AppInfoProvider>
-            <AuthProvider>
-              <ThemeProvider>
-                <div className="flex flex-col h-screen overflow-hidden">
-                  <Navigation />
-                  <main className="flex-1 flex flex-col overflow-scroll">{children}</main>
-                </div>
-              </ThemeProvider>
-            </AuthProvider>
-          </AppInfoProvider>
+          <ConvexQueryCacheProvider>
+            <AppInfoProvider>
+              <AuthProvider>
+                <ThemeProvider>
+                  <div className="flex flex-col h-screen overflow-hidden">
+                    <Navigation />
+                    <main className="flex-1 flex flex-col overflow-scroll">{children}</main>
+                  </div>
+                </ThemeProvider>
+              </AuthProvider>
+            </AppInfoProvider>
+          </ConvexQueryCacheProvider>
         </ConvexClientProvider>
         <Toaster />
       </body>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/services/backend/package.json b/services/backend/package.json
@@ -15,7 +15,7 @@
   "license": "ISC",
   "dependencies": {
     "convex": "^1.24.8",
-    "convex-helpers": "^0.1.91"
+    "convex-helpers": "^0.1.96"
   },
   "devDependencies": {
     "@edge-runtime/vm": "^5.0.0",
