Custom Filter enableRowSelection error

[deavac45]

When I set enableRowSelection: true in my code, I encounter an error as shown in the image. To resolve this issue, I want the row selection column to be present but not included in the filtering. How can I achieve this?

https://www.material-react-table.com/docs/examples/custom-filter-ui

import { useMemo } from 'react';
import {
  useMaterialReactTable,
  MRT_TableContainer,
  MRT_TableHeadCellFilterContainer,
} from 'material-react-table';
import { data } from './makeData';
import { Paper, Stack, useMediaQuery } from '@mui/material';

const Example = () => {
  const isMobile = useMediaQuery('(max-width: 1000px)');

  const columns = useMemo(
    () => [
      {
        accessorKey: 'id',
        header: 'ID',
      },
      {
        accessorKey: 'firstName',
        header: 'First Name',
        filterVariant: 'autocomplete',
      },
      {
        accessorKey: 'lastName',
        header: 'Last Name',
      },
      {
        accessorKey: 'gender',
        header: 'Gender',
        filterFn: 'equals',
        filterSelectOptions: ['Male', 'Female', 'Other'],
        filterVariant: 'select',
      },
      {
        accessorKey: 'age',
        header: 'Age',
        filterVariant: 'range',
      },
    ],
    [],
  );

  const table = useMaterialReactTable({
    columns,
    data,
    columnFilterDisplayMode: 'custom', //we will render our own filtering UI
    enableFacetedValues: true,
    enableRowSelection:true,   //This line gives error
    muiFilterTextFieldProps: ({ column }) => ({
      label: `Filter by ${column.columnDef.header}`,
    }),
  });

  return (
    <Stack direction={isMobile ? 'column-reverse' : 'row'} gap="8px">
      <MRT_TableContainer table={table} />
      <Paper>
        <Stack p="8px" gap="8px">
          {table.getLeafHeaders().map((header) => (
            <MRT_TableHeadCellFilterContainer
              key={header.id}
              header={header}
              table={table}
              in
            />
          ))}
        </Stack>
      </Paper>
    </Stack>
  );
};

export default Example;

[sacidaksoy]

Hi,
You have to filter headers by header.id !== 'mrt-row-select' then problem must be solved.