e is undefined after release 8.1.0

[Oleks777]

Hello,

looks like react table after v8.1.0 stopped working for me. The latest working version is 8.0.13. I get
TypeError: e is undefined
right after
const table = createTable();

Here is my table component

import React, {useState, useEffect} from 'react';

import { useSelector, useDispatch } from 'react-redux';

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

import { selectUsers } from 'store/admin/users/selectors';
import { setTableRows } from 'store/actions';
import PlainTable from 'components/Tables/PlainTable';
import IndeterminateCheckbox from 'components/Tables/tableFeatures/IndeterminateCheckbox';

import { formatCellColor, formatIsoDateString } from 'helpers/format_helper';

const MakeUsersTable = () => {

const table = createTable();
const dispatch = useDispatch();

const [rowSelection, setRowSelection] = useState({})

const data = useSelector(selectUsers);

const columns = [
table.createDisplayColumn({
id: 'select',
header: ({ instance }) => (
<IndeterminateCheckbox
{...{
checked: instance.getIsAllRowsSelected(),
indeterminate: instance.getIsSomeRowsSelected(),
onChange: instance.getToggleAllRowsSelectedHandler(),
}}
/>
),
cell: ({ row }) => (

<IndeterminateCheckbox
{...{
checked: row.getIsSelected(),
indeterminate: row.getIsSomeSelected(),
onChange: row.getToggleSelectedHandler(),
}}
/>

),
}),
table.createDataColumn('Username', {
header: "Nickname",
}),
table.createDataColumn('Attributes', {
header: "Name",
id: 'name',
cell: attributes => attributes.getValue().filter(element => element.Name === 'name')[0].Value
}),
table.createDataColumn('Enabled', {
header: 'Enabled'
}),
table.createDataColumn('UserStatus', {
header: 'Status',
cell: status => formatCellColor(status.getValue())
}),
table.createDataColumn('Attributes', {
header: 'Email',
id: 'email',
cell: attributes => attributes.getValue().filter(element => element.Name === 'email')[0].Value
}),
table.createDataColumn('Attributes', {
header: 'Email Verified',
id: 'email_verified',
cell: attributes => attributes.getValue().filter(element => element.Name === 'email_verified')[0].Value
}),
table.createDataColumn('UserCreateDate', {
header: 'Created',
cell: status => formatIsoDateString(status.getValue())
}),
]

const instance = useTableInstance(table, {
  data,
  columns,
  state: {
    rowSelection,
  },
  onRowSelectionChange: setRowSelection,
  getCoreRowModel: getCoreRowModel(),
  getFilteredRowModel: getFilteredRowModel(),
  getPaginationRowModel: getPaginationRowModel(),
})

useEffect(() => {
  dispatch(setTableRows(instance.getSelectedRowModel().flatRows))
}, [rowSelection])


return (
    <PlainTable instance={instance}/>
)

}

export default MakeUsersTable;

any ideas?

Thanks!

[Oleks777]

it works now. Looks like the API changed since the beta release and i had to adjust the way how i instantiate the table, column definitions and markup.