From 14acbf4ba7c5f26427be813a1f89350c8fcc411a Mon Sep 17 00:00:00 2001
From: Igor Danchenko <64441155+igordanchenko@users.noreply.github.com>
Date: Wed, 12 Jan 2022 20:10:27 -0500
Subject: [PATCH] fix: edge case in masonry layout dimensions calculation

---
 src/layouts/masonry.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/layouts/masonry.ts b/src/layouts/masonry.ts
index 8a79d7bb..0d00117e 100644
--- a/src/layouts/masonry.ts
+++ b/src/layouts/masonry.ts
@@ -11,7 +11,9 @@ type MasonryColumnsModel<T extends Photo = Photo> = { photo: T; layout: PhotoLay
 
 const computeMasonryLayout = <T extends Photo = Photo>(props: ComputeMasonryLayoutProps<T>): MasonryColumnsModel<T> => {
     const { photos, layoutOptions, instrumentation } = props;
-    const { columns, spacing, padding, containerWidth } = layoutOptions;
+    const { spacing, padding, containerWidth } = layoutOptions;
+
+    const columns = Math.min(layoutOptions.columns, photos.length);
 
     instrumentation?.onStartLayoutComputation?.();