From 09fc4af459737ae1a202dac7235bbe5d11a06591 Mon Sep 17 00:00:00 2001
From: faisolavolut <faisol@avolut.com>
Date: Thu, 20 Feb 2025 13:34:51 +0700
Subject: [PATCH] feat: add data validation to PinterestLayout for safe column
 distribution

---
 components/ui/PinterestLayout.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/components/ui/PinterestLayout.tsx b/components/ui/PinterestLayout.tsx
index 7c66c65..53e0951 100644
--- a/components/ui/PinterestLayout.tsx
+++ b/components/ui/PinterestLayout.tsx
@@ -28,10 +28,11 @@ export const PinterestLayout: React.FC<{
   });
   useEffect(() => {
     const columns: any[] = Array.from({ length: col }, () => []);
-    data.forEach((item, index) => {
-      const targetColumn = index % col; // Menentukan kolom target berdasarkan indeks
-      columns[targetColumn].push(item); // Memasukkan elemen ke kolom yang sesuai
-    });
+    if (Array.isArray(data) && data?.length)
+      data.forEach((item, index) => {
+        const targetColumn = index % col; // Menentukan kolom target berdasarkan indeks
+        columns[targetColumn].push(item); // Memasukkan elemen ke kolom yang sesuai
+      });
     local.data = columns;
     local.render();
   }, [data, col]);