Untitled

const renderBody = () => {
  const virtualItems = rowVirtualizer.getVirtualItems();

  return (
    <div
      ref={parentRef}
      {...getTableBodyProps()}
      style={{
        height: `${rowVirtualizer.getTotalSize()}px`,
        position: 'relative',
      }}
    >
      {virtualItems.map(virtualRow => {
        const row = rows[virtualRow.index];
        if (!row) return null;

        prepareRow(row);

        const isRowSelected = selectedRowsIds.includes(row.original.id);

        return (
          <div
            key={row.original.id}
            style={{
              position: 'absolute',
              top: 0,
              left: 0,
              transform: `translateY(${virtualRow.start}px)`,
              width: '100%',
            }}
          >
            {renderRow(row, virtualRow.index, isRowSelected)}
          </div>
        );
      })}
    </div>
  );
};