Allow characters to be undefined in state

utils/appState.tsx

@@ -1,4 +1,4 @@
-import { proxy } from "valtio";
+import { proxy } from "valtio"
 
 const emptyJob: Job = {
   id: "-1",
@@ -7,51 +7,51 @@ const emptyJob: Job = {
   order: 0,
   name: {
     en: "",
-        ja: ""
+    ja: "",
   },
   proficiency: {
     proficiency1: 0,
-        proficiency2: 0
-    }
+    proficiency2: 0,
+  },
 }
 
 interface AppState {
   [key: string]: any
 
   party: {
-        id: string | undefined,
-        editable: boolean,
-        detailsVisible: boolean,
-        name: string | undefined,
-        description: string | undefined,
-        job: Job,
-        raid: Raid | undefined,
-        element: number,
-        extra: boolean,
-        user: User | undefined,
-        favorited: boolean,
+    id: string | undefined
+    editable: boolean
+    detailsVisible: boolean
+    name: string | undefined
+    description: string | undefined
+    job: Job
+    raid: Raid | undefined
+    element: number
+    extra: boolean
+    user: User | undefined
+    favorited: boolean
     created_at: string
     updated_at: string
-    },
+  }
   grid: {
     weapons: {
-            mainWeapon: GridWeapon | undefined,
+      mainWeapon: GridWeapon | undefined
       allWeapons: GridArray<GridWeapon>
-        },
+    }
     summons: {
-            mainSummon: GridSummon | undefined,
-            friendSummon: GridSummon | undefined,
+      mainSummon: GridSummon | undefined
+      friendSummon: GridSummon | undefined
       allSummons: GridArray<GridSummon>
-        },
-        characters: GridArray<GridCharacter>
-    },
+    }
+    characters: GridArray<GridCharacter | undefined>
+  }
   search: {
     recents: {
       characters: Character[]
       weapons: Weapon[]
       summons: Summon[]
     }
-    },
+  }
   raids: Raid[]
 }
 
@@ -69,28 +69,28 @@ export const initialAppState: AppState = {
     user: undefined,
     favorited: false,
     created_at: new Date().toISOString(),
-        updated_at: new Date().toISOString()
+    updated_at: new Date().toISOString(),
   },
   grid: {
     weapons: {
       mainWeapon: undefined,
-            allWeapons: {}
+      allWeapons: {},
     },
     summons: {
       mainSummon: undefined,
       friendSummon: undefined,
-            allSummons: {}
+      allSummons: {},
     },
-        characters: {}
+    characters: {},
   },
   search: {
     recents: {
       characters: [],
       weapons: [],
-            summons: []
-        }
+      summons: [],
     },
-    raids: []
+  },
+  raids: [],
 }
 
 export const appState = proxy(initialAppState)