Filter debounce and clear all filters

[KannarFr]

Considering:

export function DefaultColumnFilter({
  column: { filterValue, setFilter },
}) {
  const [value, setValue] = React.useState(filterValue)
  const onChange = useAsyncDebounce(value => {
    setFilter(value || undefined)
  }, 200)

  return (
    <Input
      value={value || ''}
      onChange={e => {
        setValue(e.target.value);
        onChange(e.target.value);
      }}
      placeholder={`Chercher...`}
    />
  )
};

The debounce makes me have a custom value state. But it not reset when calling setAllFilters([]) because filterValue is not the input field value.

How to manage this? Debounce elsewhere?

[klewar2]

Do you find any solution ?

I have the same issue

[KannarFr]

Did not find a good one.

[klewar2]

So what did you do ?

[KannarFr]

I am not using react-table, it was a test.