feat: add data validation to PinterestLayout for safe column distribution

This commit is contained in:
faisolavolut 2025-02-20 13:34:51 +07:00
parent cd26e4bb83
commit 09fc4af459
1 changed files with 5 additions and 4 deletions

View File

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