@checkstack/dashboard-frontend 0.2.0 → 0.3.1

package/CHANGELOG.md

@@ -1,5 +1,42 @@
 # @checkstack/dashboard-frontend
 
+## 0.3.1
+
+### Patch Changes
+
+- Updated dependencies [df6ac7b]
+  - @checkstack/auth-frontend@0.4.0
+  - @checkstack/catalog-frontend@0.3.2
+
+## 0.3.0
+
+### Minor Changes
+
+- 4eed42d: Fix "No QueryClient set" error in containerized builds
+
+  **Problem**: The containerized application was throwing "No QueryClient set, use QueryClientProvider to set one" errors during plugin registration. This didn't happen in dev mode.
+
+  **Root Cause**: The `@tanstack/react-query` package was being bundled separately in different workspace packages, causing multiple React Query contexts. The `QueryClientProvider` from the main app wasn't visible to plugin code due to this module duplication.
+
+  **Changes**:
+
+  - `@checkstack/frontend-api`: Export `useQueryClient` from the centralized React Query import, ensuring all packages use the same context
+  - `@checkstack/dashboard-frontend`: Import `useQueryClient` from `@checkstack/frontend-api` instead of directly from `@tanstack/react-query`, and remove the direct dependency
+  - `@checkstack/frontend`: Add `@tanstack/react-query` to Vite's `resolve.dedupe` as a safety net
+
+### Patch Changes
+
+- Updated dependencies [4eed42d]
+  - @checkstack/frontend-api@0.3.0
+  - @checkstack/auth-frontend@0.3.1
+  - @checkstack/catalog-common@1.2.1
+  - @checkstack/catalog-frontend@0.3.1
+  - @checkstack/command-frontend@0.2.1
+  - @checkstack/incident-common@0.3.1
+  - @checkstack/maintenance-common@0.3.1
+  - @checkstack/queue-frontend@0.2.1
+  - @checkstack/ui@0.2.2
+
 ## 0.2.0
 
 ### Minor Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@checkstack/dashboard-frontend",
-  "version": "0.2.0",
+  "version": "0.3.1",
   "type": "module",
   "main": "src/index.tsx",
   "scripts": {
@@ -23,7 +23,6 @@
     "@checkstack/queue-frontend": "workspace:*",
     "@checkstack/signal-frontend": "workspace:*",
     "@checkstack/ui": "workspace:*",
-    "@tanstack/react-query": "^5.90.18",
     "lucide-react": "^0.344.0",
     "react": "^18.2.0",
     "react-router-dom": "^6.22.0"

package/src/Dashboard.tsx

@@ -3,6 +3,7 @@ import { useNavigate } from "react-router-dom";
 import {
   useApi,
   usePluginClient,
+  useQueryClient,
   ExtensionSlot,
 } from "@checkstack/frontend-api";
 import {
@@ -21,7 +22,6 @@ import { IncidentApi } from "@checkstack/incident-common";
 import { MaintenanceApi } from "@checkstack/maintenance-common";
 import { HEALTH_CHECK_RUN_COMPLETED } from "@checkstack/healthcheck-common";
 import { useSignal } from "@checkstack/signal-frontend";
-import { useQueryClient } from "@tanstack/react-query";
 import {
   Card,
   CardHeader,

package/src/components/SystemBadgeDataProvider.tsx

@@ -1,7 +1,6 @@
 import React, { createContext, useContext, useCallback, useMemo } from "react";
-import { usePluginClient } from "@checkstack/frontend-api";
+import { usePluginClient, useQueryClient } from "@checkstack/frontend-api";
 import { useSignal } from "@checkstack/signal-frontend";
-import { useQueryClient } from "@tanstack/react-query";
 import {
   HealthCheckApi,
   HEALTH_CHECK_RUN_COMPLETED,