filterComponentsReactTable7.js

const ColumnFilter = ({ column: { filterValue, setFilter, filter } }) => {
  return (
    <input
      value={filterValue || ""}
      onChange={e => {
        setFilter(e.target.value || undefined); // Set undefined to remove the filter entirely
      }}
      placeholder={`Search ${filter ? filter : ""}...`}
    />
  );
};
const defaultColumn = {
    // Let's set up our default Filter UI
    Filter: ColumnFilter
  };