如何在react-table checkboxHOC (6.8.6)中禁用特定行上的复选框

import { useTable, useRowSelect } from 'react-table';
import { Checkbox } from 'react-table-checkbox';

const MyTable = ({ data }) => {
  const columns = [
    // 其他列配置...
    {
      Header: '选择',
      accessor: 'checkbox',
      Cell: ({ row }) => {
        // 根据特定行的数据来判断是否禁用复选框
        const isDisabled = row.original.id === 1; // 假设id为1的行禁用复选框
        return (
          <Checkbox
            disabled={isDisabled}
            checked={row.isSelected}
            onChange={() => row.toggleRowSelected()}
          />
        );
      },
    },
  ];

  const {
    getTableProps,
    getTableBodyProps,
    headerGroups,
    rows,
    prepareRow,
    selectedFlatRows,
  } = useTable(
    {
      columns,
      data,
    },
    useRowSelect,
    (hooks) => {
      hooks.visibleColumns.push((columns) => [
        // 在这里添加复选框列
        {
          id: 'selection',
          Header: ({ getToggleAllRowsSelectedProps }) => (
            <Checkbox {...getToggleAllRowsSelectedProps()} />
          ),
          Cell: ({ row }) => (
            <Checkbox {...row.getToggleRowSelectedProps()} />
          ),
        },
        ...columns,
      ]);
    }
  );

  return (
    <table {...getTableProps()}>
      <thead>
        {headerGroups.map((headerGroup) => (
          <tr {...headerGroup.getHeaderGroupProps()}>
            {headerGroup.headers.map((column) => (
              <th {...column.getHeaderProps()}>{column.render('Header')}</th>
            ))}
          </tr>
        ))}
      </thead>
      <tbody {...getTableBodyProps()}>
        {rows.map((row) => {
          prepareRow(row);
          return (
            <tr {...row.getRowProps()}>
              {row.cells.map((cell) => (
                <td {...cell.getCellProps()}>{cell.render('Cell')}</td>
              ))}
            </tr>
          );
        })}
      </tbody>
    </table>
  );
};