fix bad type

src/App.tsx

@@ -14,6 +14,7 @@ import {
   type AsyncStorage,
   type PersistedQuery,
 } from "@tanstack/react-query-persist-client";
+import { BUSTER } from "./hooks/base";
 function createIdbStorage(): AsyncStorage<PersistedQuery> {
   return {
     getItem: async (key) => await get(key),
@@ -32,7 +33,7 @@ const queryClient = new QueryClient({
       gcTime: 1000 * 60 * 60 * 24 * 7, // 1 week
       staleTime: 1000,
       persister: experimental_createPersister({
-        buster: "1.0.1",
+        buster: BUSTER,
         storage: createIdbStorage(),
         maxAge: 1000 * 60 * 60 * 24 * 7, // 1 week
         serialize: (persistedQuery) => persistedQuery,

src/components/LeaderboardRow.tsx

@@ -40,7 +40,7 @@ export function LeaderboardRow({ userStats, rank, isMe }: LeaderboardRowProps) {
   const allProblemsLength = thisWeek.kattis.length + thisWeek.codeforces.length;
   const solvedKattis = new Set(Object.keys(userStats.user.kattis_submissions));
   const solvedCodeforces = new Set(
-    Object.keys(userStats.user.codeforces_submissions)
+    Object.keys(userStats.user.codeforces_submissions ?? {})
   );
 
   return (

src/hooks/UseUser.tsx

@@ -1,16 +1,18 @@
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import axios from "axios";
-import { BACKEND_URL } from "./base";
+import { BACKEND_URL, setQueryDataPersist } from "./base";
 export type User = {
   kattis_username: string;
   codeforces_username: string;
   display_name: string;
   id: string;
   kattis_submissions: Record<string, number>;
-  codeforces_submissions: Record<
-    string,
-    { type: "practice" | "contestant" | "virtual"; time: number }
-  > & { contests: Record<string, number> };
+  codeforces_submissions:
+    | (Record<
+        string,
+        { type: "practice" | "contestant" | "virtual"; time: number }
+      > & { contests: Record<string, number> })
+    | null;
 };
 
 async function getUsers(): Promise<User[]> {
@@ -26,9 +28,7 @@ export const useUsers = () => {
   });
   if (query.data) {
     for (const row of query.data) {
-      queryClient.setQueryData(["user", row.id], row, {
-        updatedAt: Date.now(),
-      });
+      setQueryDataPersist(["user", row.id], row, queryClient);
     }
   }
   return query.data ?? [];

src/hooks/base.tsx

@@ -1,2 +1,21 @@
+import { set } from "idb-keyval";
+import { type QueryClient } from "@tanstack/react-query";
 export const BACKEND_URL =
   "https://byu-cpc-backend-433866642768.us-west1.run.app";
+export const BUSTER = "1.0.2";
+
+export function setQueryDataPersist<T>(
+  key: string[],
+  data: T,
+  client: QueryClient
+) {
+  client.setQueryData(key, data, { updatedAt: Date.now() });
+  const queryKey = `tanstack-query-${JSON.stringify(key)}`;
+  const queryState = client.getQueryData(key);
+  set(queryKey, {
+    state: queryState,
+    queryKey,
+    queryHash: JSON.stringify(key),
+    buster: BUSTER,
+  });
+}

src/score/score.ts

@@ -81,6 +81,11 @@ const getLevel = (score: number) => {
   return { level, nextLevel, currentExp };
 };
 
+const emptyCodeforces: Record<
+  string,
+  { type: "practice" | "contestant" | "virtual"; time: number }
+> = {};
+
 export function getStats(
   user: User,
   allProblems: AllProblems,
@@ -96,7 +101,7 @@ export function getStats(
       {}
     );
   const all_submissions = {
-    codeforces: user.codeforces_submissions,
+    codeforces: user.codeforces_submissions ?? emptyCodeforces,
     kattis: kattisSubmissions,
   };
   let problemCount = 0;