From 9cadcf8a8f1ff63436fd5fbe393db340bb90eba6 Mon Sep 17 00:00:00 2001
From: Victor O <olivicmic@deuski.net>
Date: Wed, 8 May 2024 14:27:57 -0700
Subject: [PATCH] animations tab looping fetch fix (#354)

Co-authored-by: Victor <victor@storyteller.ai>
---
 .../comps/SidePanelTabs/itemTabs/AnimationTab.tsx           | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/pages/PageEnigma/comps/SidePanelTabs/itemTabs/AnimationTab.tsx b/app/pages/PageEnigma/comps/SidePanelTabs/itemTabs/AnimationTab.tsx
index 77644e31dc..71f6a461ab 100644
--- a/app/pages/PageEnigma/comps/SidePanelTabs/itemTabs/AnimationTab.tsx
+++ b/app/pages/PageEnigma/comps/SidePanelTabs/itemTabs/AnimationTab.tsx
@@ -24,7 +24,7 @@ export const AnimationTab = () => {
   useSignals();
   const { authState } = useContext(AuthenticationContext);
   const [open, setOpen] = useState(false);
-  const [userAnimations, setUserAnimations] = useState<MediaItem[]>([]);
+  const [userAnimations, setUserAnimations] = useState<MediaItem[] | null>();
 
   const refetchAnimations = useCallback(async () => {
     if (!authState?.userInfo) {
@@ -64,7 +64,7 @@ export const AnimationTab = () => {
   }, [authState?.userInfo]);
 
   useEffect(() => {
-    if (authState?.userInfo && !userAnimations.length) {
+    if (authState?.userInfo && !userAnimations) {
       refetchAnimations();
     }
   }, [authState?.userInfo, refetchAnimations, userAnimations]);
@@ -119,7 +119,7 @@ export const AnimationTab = () => {
       </div>
       <div className="w-full grow overflow-y-auto px-4 pb-4">
         <ItemElements
-          items={[...userAnimations, ...animationItems.value]}
+          items={[...(userAnimations ?? []), ...animationItems.value]}
           assetFilter={animationFilter.value}
         />
       </div>