add initialData to queries

pages/admin.tsx

@@ -21,7 +21,7 @@ type UserModal = {
 export default function Admin() {
   const { t } = useTranslation();
 
-  const { data: users = [] } = useUsers();
+  const { data: users } = useUsers();
 
   const [searchQuery, setSearchQuery] = useState("");
   const [filteredUsers, setFilteredUsers] = useState<User[]>();

pages/collections/[id].tsx

@@ -34,7 +34,7 @@ export default function Index() {
   const router = useRouter();
 
   const { links } = useLinkStore();
-  const { data: collections = [] } = useCollections();
+  const { data: collections } = useCollections();
 
   const [sortBy, setSortBy] = useState<Sort>(Sort.DateNewestFirst);
 
@@ -51,7 +51,7 @@ export default function Index() {
     );
   }, [router, collections]);
 
-  const { data: user = [] } = useUser();
+  const { data: user } = useUser();
 
   const [collectionOwner, setCollectionOwner] = useState({
     id: null as unknown as number,

pages/collections/index.tsx

@@ -13,7 +13,7 @@ import { useCollections } from "@/hooks/store/collections";
 
 export default function Collections() {
   const { t } = useTranslation();
-  const { data: collections = [] } = useCollections();
+  const { data: collections } = useCollections();
   const [sortBy, setSortBy] = useState<Sort>(Sort.DateNewestFirst);
   const [sortedCollections, setSortedCollections] = useState(collections);
 

pages/dashboard.tsx

@@ -22,9 +22,9 @@ import { useTags } from "@/hooks/store/tags";
 
 export default function Dashboard() {
   const { t } = useTranslation();
-  const { data: collections = [] } = useCollections();
+  const { data: collections } = useCollections();
   const { links } = useLinkStore();
-  const { data: tags = [] } = useTags();
+  const { data: tags } = useTags();
 
   const [numberOfLinks, setNumberOfLinks] = useState(0);
 

pages/links/index.tsx

@@ -1,5 +1,6 @@
 import NoLinksFound from "@/components/NoLinksFound";
 import useLinks from "@/hooks/useLinks";
+// import { useLinks } from "@/hooks/store/links";
 import MainLayout from "@/layouts/MainLayout";
 import useLinkStore from "@/store/links";
 import React, { useEffect, useState } from "react";
@@ -15,6 +16,8 @@ import { useTranslation } from "next-i18next";
 
 export default function Links() {
   const { t } = useTranslation();
+
+  // const { data: links } = useLinks();
   const { links } = useLinkStore();
 
   const [viewMode, setViewMode] = useState<string>(

pages/public/collections/[id].tsx

@@ -32,7 +32,7 @@ export default function PublicCollections() {
 
   const { settings } = useLocalSettingsStore();
 
-  const { data: collections = [] } = useCollections();
+  const { data: collections } = useCollections();
 
   const router = useRouter();
 

pages/settings/access-tokens.tsx

@@ -18,7 +18,7 @@ export default function AccessTokens() {
     setRevokeTokenModal(true);
   };
 
-  const { data: tokens = [] } = useTokens();
+  const { data: tokens } = useTokens();
 
   return (
     <SettingsLayout>

pages/settings/account.tsx

@@ -24,7 +24,7 @@ export default function Account() {
   const [emailChangeVerificationModal, setEmailChangeVerificationModal] =
     useState(false);
   const [submitLoader, setSubmitLoader] = useState(false);
-  const { data: account = [] } = useUser();
+  const { data: account } = useUser();
   const updateUser = useUpdateUser();
   const [user, setUser] = useState<AccountSettings>(
     !objectIsEmpty(account)

pages/settings/password.tsx

@@ -13,7 +13,7 @@ export default function Password() {
   const [oldPassword, setOldPassword] = useState("");
   const [newPassword, setNewPassword] = useState("");
   const [submitLoader, setSubmitLoader] = useState(false);
-  const { data: account = [] } = useUser();
+  const { data: account } = useUser();
   const updateUser = useUpdateUser();
 
   const submit = async () => {

pages/settings/preference.tsx

@@ -13,7 +13,7 @@ export default function Appearance() {
   const { t } = useTranslation();
   const { updateSettings } = useLocalSettingsStore();
   const [submitLoader, setSubmitLoader] = useState(false);
-  const { data: account = [] } = useUser();
+  const { data: account } = useUser();
   const updateUser = useUpdateUser();
   const [user, setUser] = useState(account);
 

pages/subscribe.tsx

@@ -20,7 +20,7 @@ export default function Subscribe() {
 
   const router = useRouter();
 
-  const { data: user = [] } = useUser();
+  const { data: user } = useUser();
 
   useEffect(() => {
     const hasInactiveSubscription =

pages/tags/[id].tsx

@@ -21,7 +21,7 @@ export default function Index() {
   const router = useRouter();
 
   const { links } = useLinkStore();
-  const { data: tags = [] } = useTags();
+  const { data: tags } = useTags();
   const updateTag = useUpdateTag();
   const removeTag = useRemoveTag();