skeleton for h2h

src/features/matches/queries.ts

@@ -1,4 +1,4 @@
-import { useServerQuery } from "@/lib/tanstack-query/hooks";
+import { useServerSuspenseQuery } from "@/lib/tanstack-query/hooks";
 import { getMatchesBetweenTeams, getMatchesBetweenPlayers } from "./server";
 
 export const matchKeys = {
@@ -18,13 +18,13 @@ export const matchQueries = {
 };
 
 export const useTeamHeadToHead = (team1Id: string, team2Id: string, enabled = true) =>
-  useServerQuery({
+  useServerSuspenseQuery({
     ...matchQueries.headToHeadTeams(team1Id, team2Id),
     enabled,
   });
 
 export const usePlayerHeadToHead = (player1Id: string, player2Id: string, enabled = true) =>
-  useServerQuery({
+  useServerSuspenseQuery({
     ...matchQueries.headToHeadPlayers(player1Id, player2Id),
     enabled,
   });