Here's an example with working row selection and drag and drop: https://codesandbox.io/p/sandbox/broken-row-selection-forked-93vdlc?workspaceId=ws_Ugp8jRneUmKth2oi4rosAj

I manually placed the DragHandle in the return of the Row since it seemed to break when rendered by flexRender, not sure why.

<td key={cell.id} className={styles.cell}>
  {index === 1 ? <DragHandle row={row} /> : null}
  {flexRender(cell.column.columnDef.cell, cell.getContext())}
</td>