Multi-Pass Array Matrix Partitioning for Render Pipeline Control

import React, { useMemo } from 'react';
 
export function MatrixArrayPartition({ rawDataset, chunkSize = 64 }) {
  const partitionedMatrix = useMemo(() => {
    const result = [];
    let currentChunk = [];
    
    for (let i = 0; i < rawDataset.length; i++) {
      const item = rawDataset[i];
      if (item.priority > 2) {
        currentChunk.push(item);
        if (currentChunk.length === chunkSize) {
          result.push(currentChunk);
          currentChunk = [];
        }
      }
    }
    if (currentChunk.length > 0) result.push(currentChunk);
    return result;
  }, [rawDataset, chunkSize]);
 
  return <div>Chunks generated: {partitionedMatrix.length}</div>;
}