How to setFilters with custom parameters with Antd useTable?
I am using Antd useTable hook. How can I use setFilters?
const { tableProps, tableQuery: { refetch }, filters, setFilters } = useTable<Accounting>({
syncWithLocation: true,
dataProviderName: DATA_PROVIDER_NAME.RQ,
resource: 'crm/business/accounting',
queryOptions: {
meta: {
queryParams: {
_startDate: '2021-01-01',
_endDate: '2021-12-31',
}
}
}
});
const onRangeChange = (dates: [dayjs.Dayjs, dayjs.Dayjs]) => {
setFilters({
...filters,
_startDate: dates[0].format('YYYY-MM-DD'),
_endDate: dates[1].format('YYYY-MM-DD'),
});
refetch();
} const { tableProps, tableQuery: { refetch }, filters, setFilters } = useTable<Accounting>({
syncWithLocation: true,
dataProviderName: DATA_PROVIDER_NAME.RQ,
resource: 'crm/business/accounting',
queryOptions: {
meta: {
queryParams: {
_startDate: '2021-01-01',
_endDate: '2021-12-31',
}
}
}
});
const onRangeChange = (dates: [dayjs.Dayjs, dayjs.Dayjs]) => {
setFilters({
...filters,
_startDate: dates[0].format('YYYY-MM-DD'),
_endDate: dates[1].format('YYYY-MM-DD'),
});
refetch();
}