function DefaultColumnFilter({ filterValue, setFilter }) {
  return (
    <input
      value={filterValue || ''}
      onChange={e => {
        setFilter(e.target.value || undefined) // Set undefined to remove the filter entirely
      }}
      placeholder="Search..."
    />
  )
}
// Define a default UI for filtering
Define a default UI for filtering
Define a default UI for filtering
function DefaultColumnFilter({ filterValue, setFilter }) {
  return (
    <input
      value={filterValue || ''}
      onChange={e => {
        setFilter(e.target.value || undefined) 
      }}
      placeholder="Search..."
    />
  )
}
function DefaultColumnFilter ( { filterValue , setFilter } ) { return ( < input value = { filterValue || '' } onChange = { e => { setFilter ( e . target . value || undefined ) } } placeholder = "Search..." / > ) }
Define a default UI for filtering
Define a default UI for filtering
// Set undefined to remove the filter entirely