5chan/src/hooks/useFeedRows.js

import { useMemo, useRef } from 'react';

const useFeedRows = (feedWithDescriptionAndRules, columnCount) => {
	const rowsRef = useRef([]);
	return useMemo(() => {
		const rows = [];
		for (let i = 0; i < feedWithDescriptionAndRules.length; i += columnCount) {
			if (rowsRef.current?.[rows.length] && rowsRef.current[rows.length].length === columnCount) {
				rows.push(rowsRef.current[rows.length]);
			} else {
				rows.push(feedWithDescriptionAndRules.slice(i, i + columnCount));
			}
		}
		rowsRef.current = rows;
		return rows;
	}, [feedWithDescriptionAndRules, columnCount]);
};

export default useFeedRows;