1 files changed, 13 insertions, 9 deletions
diff --git a/src/client/atoms/cards.ts b/src/client/atoms/cards.ts
index f053ab9..c0275b0 100644
--- a/src/client/atoms/cards.ts
+++ b/src/client/atoms/cards.ts
@@ -1,5 +1,6 @@
+import { atomFamily } from "jotai/utils";
+import { atomWithSuspenseQuery } from "jotai-tanstack-query";
 import { apiClient } from "../api/client";
-import { createReloadableAtomFamily } from "./utils";
 
 export interface Card {
 	id: string;
@@ -20,12 +21,15 @@ export interface Card {
 // Cards by Deck - Suspense-compatible
 // =====================
 
-export const cardsByDeckAtomFamily = createReloadableAtomFamily(
-	async (deckId: string) => {
-		const res = await apiClient.rpc.api.decks[":deckId"].cards.$get({
-			param: { deckId },
-		});
-		const data = await apiClient.handleResponse<{ cards: Card[] }>(res);
-		return data.cards;
-	},
+export const cardsByDeckAtomFamily = atomFamily((deckId: string) =>
+	atomWithSuspenseQuery(() => ({
+		queryKey: ["decks", deckId, "cards"],
+		queryFn: async () => {
+			const res = await apiClient.rpc.api.decks[":deckId"].cards.$get({
+				param: { deckId },
+			});
+			const data = await apiClient.handleResponse<{ cards: Card[] }>(res);
+			return data.cards;
+		},
+	})),
 );