Your AI Coding Assistant Is a Generalist.
Here's What Happens When You Give It a Job Title.

const DataTable = memo(function DataTable<T>({
  data, columns, pageSize = 50
}: DataTableProps<T>) {
  const [sortCol, setSortCol] = useState<keyof T>();
  const sorted = useMemo(() => /* ... */, [data, sortCol]);
  const virtualized = useVirtualizer({
    count: sorted.length, getScrollElement, estimateSize
  });

  return (
    <div role="table" aria-label="Data table"
         aria-rowcount={sorted.length}>
      <div role="rowgroup">{columns.map(col =>
        <button role="columnheader"
          aria-sort={sortCol === col.key ? 'ascending' : 'none'}
          onClick={() => setSortCol(col.key)}>
          {col.label}
        </button>
      )}</div>
      {virtualized.getVirtualItems().map(vRow =>
        <div role="row" key={vRow.key}
             aria-rowindex={vRow.index + 1}>
          {/* cells with aria-colindex */}
        </div>
      )}
    </div>
  );
});