How to use v8 with generic typing?

[jvnm-dev]

Hello,

I would like to make a generic table component by using "@tanstack/react-table": "^8.0.0-beta.8".

Here is my code which gets a typescript error:

import {
  createTable,
  useTableInstance,
  getCoreRowModel,
} from '@tanstack/react-table';

type TableProps<T extends object> = {
  data: T[];
  columns: {
    id: string;
    title: keyof T;
  }[];
};

export const Table = <T extends object>({ data, columns }: TableProps<T>) => {
  const table = createTable().setRowType<T>();

  const instance = useTableInstance(table, {
    data,
    columns: columns.map(column =>
      table.createDataColumn(column.title, {
        id: column.id,
        cell: info => info.getValue(),
        footer: props => props.column.id,
      }),
    ),
    getCoreRowModel: getCoreRowModel(),
  });
};

The error is on the second argument of createDataColumn and I really don't know how to get rid of it.
I also looked for similar issues but couldn't find any, so I am kindly asking for you help 🙏🏻 .

Thanks,

[mc-petry]

As temporary workaround try this one:

table.createDataColumn<AccessorFn<T>>(column.title as any, ...)