add initialData to queries

components/CollectionCard.tsx

@@ -20,7 +20,7 @@ type Props = {
 export default function CollectionCard({ collection, className }: Props) {
   const { t } = useTranslation();
   const { settings } = useLocalSettingsStore();
-  const { data: user = [] } = useUser();
+  const { data: user } = useUser();
 
   const formattedDate = new Date(collection.createdAt as string).toLocaleString(
     "en-US",

components/CollectionListing.tsx

@@ -25,9 +25,9 @@ interface ExtendedTreeItem extends TreeItem {
 const CollectionListing = () => {
   const { t } = useTranslation();
   const updateCollection = useUpdateCollection();
-  const { data: collections = [] } = useCollections();
+  const { data: collections } = useCollections();
 
-  const { data: user = [] } = useUser();
+  const { data: user } = useUser();
   const updateUser = useUpdateUser();
 
   const router = useRouter();

components/InputSelect/CollectionSelection.tsx

@@ -24,7 +24,7 @@ export default function CollectionSelection({
   showDefaultValue = true,
   creatable = true,
 }: Props) {
-  const { data: collections = [] } = useCollections();
+  const { data: collections } = useCollections();
 
   const router = useRouter();
 

components/InputSelect/TagSelection.tsx

@@ -13,7 +13,7 @@ type Props = {
 };
 
 export default function TagSelection({ onChange, defaultValue }: Props) {
-  const { data: tags = [] } = useTags();
+  const { data: tags } = useTags();
 
   const [options, setOptions] = useState<Options[]>([]);
 

components/LinkViews/LinkCard.tsx

@@ -34,9 +34,9 @@ export default function LinkCard({ link, flipDropdown, editMode }: Props) {
   const { t } = useTranslation();
 
   const viewMode = localStorage.getItem("viewMode") || "card";
-  const { data: collections = [] } = useCollections();
+  const { data: collections } = useCollections();
 
-  const { data: user = [] } = useUser();
+  const { data: user } = useUser();
 
   const { links, getLink, setSelectedLinks, selectedLinks } = useLinkStore();
 

components/LinkViews/LinkComponents/LinkActions.tsx

@@ -39,7 +39,7 @@ export default function LinkActions({
   const [deleteLinkModal, setDeleteLinkModal] = useState(false);
   const [preservedFormatsModal, setPreservedFormatsModal] = useState(false);
 
-  const { data: user = [] } = useUser();
+  const { data: user } = useUser();
 
   const { removeLink, updateLink } = useLinkStore();
 

components/LinkViews/LinkList.tsx

@@ -33,9 +33,9 @@ export default function LinkCardCompact({
 }: Props) {
   const { t } = useTranslation();
 
-  const { data: collections = [] } = useCollections();
+  const { data: collections } = useCollections();
 
-  const { data: user = [] } = useUser();
+  const { data: user } = useUser();
   const { links, setSelectedLinks, selectedLinks } = useLinkStore();
 
   useEffect(() => {

components/LinkViews/LinkMasonry.tsx

@@ -33,8 +33,8 @@ type Props = {
 export default function LinkMasonry({ link, flipDropdown, editMode }: Props) {
   const { t } = useTranslation();
 
-  const { data: collections = [] } = useCollections();
-  const { data: user = [] } = useUser();
+  const { data: collections } = useCollections();
+  const { data: user } = useUser();
 
   const { links, getLink, setSelectedLinks, selectedLinks } = useLinkStore();
 

components/ModalContent/EditCollectionSharingModal.tsx

@@ -46,7 +46,7 @@ export default function EditCollectionSharingModal({
     }
   };
 
-  const { data: user = [] } = useUser();
+  const { data: user } = useUser();
   const permissions = usePermissions(collection.id as number);
 
   const currentURL = new URL(document.URL);

components/ModalContent/NewLinkModal.tsx

@@ -43,7 +43,7 @@ export default function NewLinkModal({ onClose }: Props) {
   const [submitLoader, setSubmitLoader] = useState(false);
   const [optionsExpanded, setOptionsExpanded] = useState(false);
   const router = useRouter();
-  const { data: collections = [] } = useCollections();
+  const { data: collections } = useCollections();
 
   const setCollection = (e: any) => {
     if (e?.__isNew__) e.value = null;

components/ModalContent/PreservedFormatsModal.tsx

@@ -30,7 +30,7 @@ export default function PreservedFormatsModal({ onClose, activeLink }: Props) {
   const { t } = useTranslation();
   const session = useSession();
   const { getLink } = useLinkStore();
-  const { data: user = [] } = useUser();
+  const { data: user } = useUser();
   const [link, setLink] =
     useState<LinkIncludingShortenedCollectionAndTags>(activeLink);
   const router = useRouter();

components/ModalContent/UploadFileModal.tsx

@@ -49,7 +49,7 @@ export default function UploadFileModal({ onClose }: Props) {
   const [submitLoader, setSubmitLoader] = useState(false);
   const [optionsExpanded, setOptionsExpanded] = useState(false);
   const router = useRouter();
-  const { data: collections = [] } = useCollections();
+  const { data: collections } = useCollections();
 
   const setCollection = (e: any) => {
     if (e?.__isNew__) e.value = null;

components/ProfileDropdown.tsx

@@ -9,7 +9,7 @@ import { useUser } from "@/hooks/store/user";
 export default function ProfileDropdown() {
   const { t } = useTranslation();
   const { settings, updateSettings } = useLocalSettingsStore();
-  const { data: user = [] } = useUser();
+  const { data: user } = useUser();
 
   const isAdmin = user.id === Number(process.env.NEXT_PUBLIC_ADMIN || 1);
 

components/ReadableView.tsx

@@ -46,7 +46,7 @@ export default function ReadableView({ link }: Props) {
   const router = useRouter();
 
   const { getLink } = useLinkStore();
-  const { data: collections = [] } = useCollections();
+  const { data: collections } = useCollections();
 
   const collection = useMemo(() => {
     return collections.find(

components/Sidebar.tsx

@@ -22,9 +22,9 @@ export default function Sidebar({ className }: { className?: string }) {
     }
   );
 
-  const { data: collections = [] } = useCollections();
+  const { data: collections } = useCollections();
 
-  const { data: tags = [] } = useTags();
+  const { data: tags } = useTags();
   const [active, setActive] = useState("");
 
   const router = useRouter();