From c1d9ec939909b4b6687e7109609999402322a827 Mon Sep 17 00:00:00 2001
From: kenneth <kenneth@nym.sh>
Date: Mon, 23 Mar 2026 00:17:33 +0000
Subject: [PATCH] fix: use useQuery instead of getQueryData

Co-authored-by: Ona <no-reply@ona.com>
---
 .../src/routes/_dashboard/sources.$sourceId.tsx            | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/apps/admin-dashboard/src/routes/_dashboard/sources.$sourceId.tsx b/apps/admin-dashboard/src/routes/_dashboard/sources.$sourceId.tsx
index 89397a0..4665830 100644
--- a/apps/admin-dashboard/src/routes/_dashboard/sources.$sourceId.tsx
+++ b/apps/admin-dashboard/src/routes/_dashboard/sources.$sourceId.tsx
@@ -1,5 +1,5 @@
 import { createRoute } from "@tanstack/react-router"
-import { useQueryClient } from "@tanstack/react-query"
+import { useQuery, useQueryClient } from "@tanstack/react-query"
 
 import { fetchSources } from "@/lib/api"
 import { SourceConfigPanel } from "@/components/source-config-panel"
@@ -14,7 +14,10 @@ export const Route = createRoute({
 function SourceRoute() {
   const { sourceId } = Route.useParams()
   const queryClient = useQueryClient()
-  const sources = queryClient.getQueryData<Awaited<ReturnType<typeof fetchSources>>>(["sources"]) ?? []
+  const { data: sources = [] } = useQuery({
+    queryKey: ["sources"],
+    queryFn: fetchSources,
+  })
   const source = sources.find((s) => s.id === sourceId)
 
   if (!source) {