src/components/Board.tsx

@@ -51,7 +51,7 @@ export function Board({ boardId }: { boardId: string }) {
 
   useEffect(() => {
     if (!boardsLoaded) return
-    const board = boards.find(
+    const board = boards?.find(
       (b) => String(b.id) === boardId || b.uuid === boardId
     )
     if (!board) {

src/components/BoardEditor.tsx

@@ -20,7 +20,7 @@ export function BoardEditorDrawer() {
   const { boardEditorOpen, setBoardEditorOpen } = useGlobal()
   return (
     <Transition
-      in={boardEditorOpen}
+      in={!!boardEditorOpen}
       timings={[40, 150, 150, 150]}
       element={(state) =>
         state === "exited" ? null : (

src/state/board.ts

@@ -8,7 +8,7 @@ import { useListsStore } from "./lists"
 
 export const useBoardStore = createStore(
   { board: null as Board | null },
-  function (set, get) {
+  function(set, get) {
     const selectBoard = async (board: Board) => {
       const setTagsState = useBoardTagsStore.methods.setState
       const setListsState = useListsStore.methods.setState
@@ -29,7 +29,7 @@ export const useBoardStore = createStore(
       const board = get().board!
       const newBoard = { ...board, ...payload }
       const res = await db.updateBoard(newBoard)
-      updateBoards(boards.map((b) => (b.id === res.id ? newBoard : b)))
+      updateBoards(boards?.map((b) => (b.id === res.id ? newBoard : b)) ?? [])
       set({ board: res })
     }
     const deleteBoard = async () => {
@@ -52,7 +52,7 @@ export const useBoardStore = createStore(
         db.deleteBoard(board),
       ])
 
-      updateBoards(boards.filter((b) => b.id !== board.id))
+      updateBoards(boards?.filter((b) => b.id !== board.id) ?? [])
       set({ board: null })
       navigate("/")
     }
@@ -60,7 +60,7 @@ export const useBoardStore = createStore(
       const { boards, updateBoards } = useGlobal()
       const board = get().board!
       const newBoard = await db.archiveBoard(board)
-      updateBoards(boards.map((b) => (b.id === board.id ? newBoard : b)))
+      updateBoards(boards?.map((b) => (b.id === board.id ? newBoard : b)) ?? [])
       navigate("/")
     }
     const restoreBoard = async () => {

src/state/mouse.ts

@@ -6,5 +6,8 @@ type MouseContext = {
   setValue: (payload: Vector2) => void
 }
 
-export const MouseCtx = createContext<MouseContext | null>(null)
+export const MouseCtx = createContext<MouseContext>({
+  current: { x: 0, y: 0 },
+  setValue: (_payload: Vector2) => { }
+})
 export const useMouse = () => useContext(MouseCtx)