add usememo

gallery-so · May 2, 2024 · 464d07d · 464d07d
1 parent 7df6903
commit 464d07d
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/apps/web/src/scenes/UserGalleryPage/UserGalleryCollections.tsx b/apps/web/src/scenes/UserGalleryPage/UserGalleryCollections.tsx
@@ -84,6 +84,11 @@ function UserGalleryCollections({ galleryRef, queryRef, mobileLayout }: Props) {
     }, []);
   }, [collections]);
 
+  // TODO: Change length to properly reflect virtualizedList onLoad. Some profile's onLoad function not triggering
+  const filteredTokenIds = useMemo(() => {
+    return tokenIds ? tokenIds.slice(0, 1) : [];
+  }, [tokenIds]);
+
   const isAuthenticatedUsersPage = loggedInUserId === owner?.id;
 
   const nonNullCollections = removeNullValues(collections);
@@ -159,9 +164,6 @@ function UserGalleryCollections({ galleryRef, queryRef, mobileLayout }: Props) {
     );
   }
 
-  // TODO: Change length to properly reflect virtualizedList onLoad. Some profile's onLoad function not triggering
-  const filteredTokenIds = tokenIds ? tokenIds.slice(0, 1) : [];
-
   return (
     <MultiShimmerProvider tokenIdsToLoad={filteredTokenIds}>
       <StyledUserGalleryCollections>