Issues when using multiple accessors while filtering by column and filterValue.

[Camus1859]

I expect this code to allow me to filter by a specific filterValue and a specific column but I get the error

 {
    id: 'DEPARTMENT & ORGANIZATION',
    Header: "DEPARTMENT & ORGANIZATION",
    className: "w-4/12",
    Cell: tableProps => (
      <>
        <div className="text-sm text-gray-900">
          {tableProps.row.original.department
            ? tableProps.row.original.department
            : "---"}
        </div>
        <div className="text-sm text-gray-500">
          {tableProps.row.original.organization
            ? tableProps.row.original.organization
            : "---"}
        </div>
      </>
    ),
    accessor: originalRow => `${originalRow.department} ${originalRow.organization}`,
    filter: "filterByStatus",
  },

Error: React-Table: Could not find a column with id: department
Error: React-Table: Could not find a column with id: organization
Depending on which column I click

What does kind of work is this

 {
    id: 'DEPARTMENT & ORGANIZATION',  <-------------------- with or without this line
    Header: "DEPARTMENT & ORGANIZATION",
    className: "w-4/12",
    Cell: tableProps => (
      <>
        <div className="text-sm text-gray-900">
          {tableProps.row.original.department
            ? tableProps.row.original.department
            : "---"}
        </div>
        <div className="text-sm text-gray-500">
          {tableProps.row.original.organization
            ? tableProps.row.original.organization
            : "---"}
        </div>
      </>
    ),
  //  accessor: originalRow => `${originalRow.department} ${originalRow.organization}`, <----------remove this from above
      accessor: 'department' // <------------adding this
    filter: "filterByStatus",
  },

But then im only able to filter by department. I can swap accessor: department with accessor: organization but then I can only filter by organization

I want to filter by department and organization.