How can I save all filter values in an object, and get an updated copy of the values onFilterChange?

[makoto357]

I am working on a table with different types of inputs, ex. text, checkbox, date picker, multi-select...etc.
I want to save a copy of all filter values to a state object (probably with useState), and get updated filter values whenever users change the values.
Eventually, I want to store these values in an online database, and initialise the table with the stored values when users logs in to the website.

I tried:

1. tableInstanceRef.current.getState().columnFilters

only able to get initialState.

2. Filter: ({ column }) => {let value = column.getFilterValue();}

not all inputs are written with Filter Component, so can't get all values.

3. manualFiltering: can't get default stylings for the inputs.

Please help me!