i'm confused honestly

src/app/stream-card/[id]/_components/stream-card-client.tsx

@@ -21,15 +21,16 @@ export function StreamCardClient() {
   })
   const rankedUserRank = rankedUserQuery.data
   useEffect(() => {
-    setInterval(
+    const interval = setInterval(async () => {
-      () => {
+      try {
-        gamesQuery.refetch()
+        await Promise.all([gamesQuery.refetch(), rankedUserQuery.refetch()])
-        rankedUserQuery.refetch()
+      } catch (e) {
-      },
+        console.error('refetch failed:', e)
-      // 1 minute
+      }
-      1000 * 1 * 30
+    }, 1000 * 30)
-    )
+
-  }, [])
+    return () => clearInterval(interval)
+  }, [gamesQuery, rankedUserQuery])
 
   if (!rankedUserRank || !games?.length) {
     return null