diff options
| author | MohamedBassem <me@mbassem.com> | 2024-03-02 20:45:11 +0000 |
|---|---|---|
| committer | MohamedBassem <me@mbassem.com> | 2024-03-02 22:14:46 +0000 |
| commit | 29b7c5c8d10d5315fea27fc25f1f153c6c12dfbf (patch) | |
| tree | 9c4680a1020f723cbd1000d30a74c487293ccc63 /packages/web/app/dashboard/lists/components | |
| parent | 012cef2829c7b65d487f44f14f9b296be73cfcfd (diff) | |
| download | karakeep-29b7c5c8d10d5315fea27fc25f1f153c6c12dfbf.tar.zst | |
fix: Fix hydration in list view caused by the spinner
Diffstat (limited to 'packages/web/app/dashboard/lists/components')
| -rw-r--r-- | packages/web/app/dashboard/lists/components/AllListsView.tsx | 8 |
1 files changed, 3 insertions, 5 deletions
diff --git a/packages/web/app/dashboard/lists/components/AllListsView.tsx b/packages/web/app/dashboard/lists/components/AllListsView.tsx index 155cdbcf..d81f5fca 100644 --- a/packages/web/app/dashboard/lists/components/AllListsView.tsx +++ b/packages/web/app/dashboard/lists/components/AllListsView.tsx @@ -1,7 +1,6 @@ "use client"; import { Button } from "@/components/ui/button"; -import LoadingSpinner from "@/components/ui/spinner"; import { api } from "@/lib/trpc"; import { ZBookmarkList } from "@/lib/types/api/lists"; import { keepPreviousData } from "@tanstack/react-query"; @@ -35,14 +34,13 @@ export default function AllListsView({ initialData: ZBookmarkList[]; }) { const { setOpen: setIsNewListModalOpen } = useNewListModal(); - const { data: lists } = api.lists.list.useQuery(undefined, { + let { data: lists } = api.lists.list.useQuery(undefined, { initialData: { lists: initialData }, placeholderData: keepPreviousData, }); - if (!lists) { - return <LoadingSpinner />; - } + // TODO: This seems to be a bug in react query + lists ||= { lists: initialData }; return ( <div className="flex flex-col flex-wrap gap-2 md:flex-row"> |