memoize

gallery-so · Apr 27, 2024 · 65f3df3 · 65f3df3
1 parent 7e8fbda
commit 65f3df3
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/apps/mobile/src/components/GalleryEditor/SortableTokenGrid/SortableTokenGrid.tsx b/apps/mobile/src/components/GalleryEditor/SortableTokenGrid/SortableTokenGrid.tsx
@@ -48,12 +48,14 @@ export function SortableTokenGrid({
     return rows * (size + GAP) - GAP - rows * GAP; // Subtract GAP to remove the extra gap after the first and last row
   }, [items.length, columns, size]);
 
+  const style = useMemo<ViewProps['style']>(() => {
+    return {
+      height: containerHeight,
+    };
+  }, [containerHeight]);
+
   return (
-    <View
-      style={{
-        height: containerHeight,
-      }}
-    >
+    <View style={style}>
       {items.map((item) => (
         <SortableToken
           key={item.id}