为什么会出现此错误，如何修复？

Property 'id' does not exist on type 'T'.

价格为row.original.id

export interface ITable<T> {
  columns: any;
  data: T[];
  with_transition?: boolean;
  onClick?: (price_id: string) => void;
}

export default function Table<T extends object>({
  columns,
  data,
  with_transition,
  onClick
}: ITable<T>) {
  const {
    getTableProps, // table props from react-table
    getTableBodyProps, // table body props from react-table
    headerGroups, // headerGroups, if your table has groupings
    rows, // rows for the table based on the data passed
    prepareRow // Prepare the row (this function needs to be called for each row before getting the row props)
  } = useTable({
    columns,
    data
  });
  return (
    <table {...getTableProps()}>
      <thead>
        {headerGroups.map(headerGroup => (
          <tr {...headerGroup.getHeaderGroupProps()}>
            {headerGroup.headers.map(column => (
              <th {...column.getHeaderProps()}>{column.render("Header")}</th>
            ))}
          </tr>
        ))}
      </thead>
      <tbody className={`${with_transition && 't-body-transition'}`} {...getTableBodyProps()}>
        {rows.map((row, i) => {
          prepareRow(row);
          return (
            <tr className="transition" {...row.getRowProps()}>
              {row.cells.map(cell => {
                return <td onClick={() => onClick && row.original.id && cell.column.Header !== 'Button' && onClick(row.original.id)} className="transition" {...cell.getCellProps()}>{cell.render("Cell")}</td>;
              })}
            </tr>
          );
        })}
      </tbody>
    </table>
  )
}

有谁能解决这个问题吗？我想使用泛型而不是静态类型。