fix: fix sort state not unsetting when clicked 3 times

Author: mainawycliffe

src/ui/DataTable/Hooks/useReactTableSortState.tsx

@@ -32,7 +32,11 @@ export default function useReactTableSortState(
 
   const updateSortByFn = useCallback(
     (newSortBy: Updater<SortingState>) => {
-      const sort = typeof newSortBy === "function" ? newSortBy([]) : newSortBy;
+      const sort =
+        typeof newSortBy === "function"
+          ? newSortBy([...tableSortByState])
+          : newSortBy;
+      console.log(sort);
       if (sort.length === 0) {
         searchParams.delete(sortByKey);
         searchParams.delete(sortOrderKey);
@@ -42,7 +46,7 @@ export default function useReactTableSortState(
       }
       setSearchParams(searchParams);
     },
-    [searchParams, setSearchParams, sortByKey, sortOrderKey]
+    [searchParams, setSearchParams, sortByKey, sortOrderKey, tableSortByState]
   );
 
   return [tableSortByState, updateSortByFn];