fix: onTableChange only handles sorting

src/hooks/use-table-fetch.ts

@@ -233,7 +233,13 @@ export default function useTableFetch<T>(
     handleQueryChange({ page, perPage: pageSize || 10 });
   };
 
-  const handleTableChange = (pagination: any, filters: any, sorter: any) => {
+  const handleTableChange = (
+    pagination: any,
+    filters: any,
+    sorter: any,
+    extra: any
+  ) => {
+    if (extra.action === 'sort') {
       const sortKeys = handleMultiSortChange(sorter);
       setQueryParams((pre: any) => {
         return {
@@ -248,6 +254,7 @@ export default function useTableFetch<T>(
           sort_by: sortKeys.join(',')
         }
       });
+    }
   };
 
   const handleSearch = () => {

src/pages/cluster-management/clusters.tsx

@@ -235,7 +235,7 @@ const Clusters: React.FC = () => {
   );
 
   const handleOnSortChange = (order: TableOrder | Array<TableOrder>) => {
-    handleTableChange({}, {}, order);
+    handleTableChange({}, {}, order, { action: 'sort' });
   };
 
   const setDisableExpand = (row: ClusterListItem) => {