ReactTable not inferring types as expected

[znat]

Hi, I am trying to get a simple example compiling (it renders fine on the dev server) using 8.5.13

type Keg = {
  name: string;
};

const columnHelper = createColumnHelper<Keg>();

const columns: ColumnDef<Keg>[] = [
  columnHelper.accessor('name', {
    cell: (info) => info.getValue(),
  })
];

const kegs = [
  {
    name: 'abc',
  },
];

/*
typescript inference:
(alias) useReactTable<unknown>(options: TableOptions<unknown>): Table<unknown>
*/
const table = useReactTable({
    data: kegs,
    columns, // error: Type 'ColumnDef<Keg, unknown>[]' is not assignable to type 'ColumnDef<unknown, any>[]'.
    getCoreRowModel: getCoreRowModel(),
    getSortedRowModel: getSortedRowModel(),
  });

I can't get this to compile: compiler complains about columns:

Type 'ColumnDef<Keg, unknown>[]' is not assignable to type 'ColumnDef<unknown, any>[]'

If I am more explicit like this:

const table = useReactTable<Keg>({
...

Then the compiler throws:

Argument of type '{ data: { name: string; }[]; columns: ColumnDef<Keg, unknown>[]; getCoreRowModel: (table: Table<any>) => () => RowModel<any>; getSortedRowModel: (table: Table<any>) => () => RowModel<...>; }' is not assignable to parameter of type 'TableOptions<Keg>'.
  Object literal may only specify known properties, and 'data' does not exist in type 'TableOptions<Keg>'

Any idea how to solve that?

[writes-of-spring]

I got it to work when I removed the ColumnDef[] type, from the columns.

https://codesandbox.io/s/cocky-feistel-57fmv8?file=/src/main.tsx

[ronaldruzicka]

I just asked a similar question, where I need to type columns because it is a prop coming to Table component -> #5218

Any help?