From 94f7b0c2e090bb4037200b7ebc28d6235f34caff Mon Sep 17 00:00:00 2001
From: Andres <andres99.dev@gmail.com>
Date: Tue, 22 Apr 2025 04:42:44 +0200
Subject: [PATCH] try usequery instead of usesuspense query because of weird
 trpc issues

---
 .../[id]/_components/stream-card-client.tsx       | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/app/stream-card/[id]/_components/stream-card-client.tsx b/src/app/stream-card/[id]/_components/stream-card-client.tsx
index e7fbcca..0553b32 100644
--- a/src/app/stream-card/[id]/_components/stream-card-client.tsx
+++ b/src/app/stream-card/[id]/_components/stream-card-client.tsx
@@ -11,16 +11,15 @@ export function StreamCardClient() {
     return null
   }
 
-  const [gamesQueryResult, gamesQuery] =
-    api.history.user_games.useSuspenseQuery({ user_id: id })
+  const gamesQuery = api.history.user_games.useQuery({ user_id: id })
+  const gamesQueryResult = gamesQuery.data
   const games = gamesQueryResult || [] // Ensure games is always an array
 
-  const [rankedUserRank, rankedUserQuery] =
-    api.leaderboard.get_user_rank.useSuspenseQuery({
-      channel_id: RANKED_CHANNEL,
-      user_id: id,
-    })
-
+  const rankedUserQuery = api.leaderboard.get_user_rank.useQuery({
+    channel_id: RANKED_CHANNEL,
+    user_id: id,
+  })
+  const rankedUserRank = rankedUserQuery.data
   useEffect(() => {
     setInterval(
       () => {