How to persist the column filter object when column filter value is empty

[rohmanhm]

I've put a state for the columnFilters to be like

const columnFilters = [{ id: 'start', value: 123}]

But after I deleted all the value in the text input, it's not only removing the value in columnFilters, but also the whole column filter object.

So, intead of having an object like this

const columnFilters = [{ id: 'start', value: null }]

I got something like this

const columnFilters = []

Anybody knows how can I achieve that?

[KevinVandy]

I think this was intended behavior in TanStack Table itself. What problems does it cause?

[rohmanhm]

When the column filter is shown it will trigger the onColumnFiltersChange event. In my case, it will also call setColumnFilters when nothing has changed.