fix(core): update useTable hook

- reset filters and sorters used in tables on URL query clear
refinedev · Oct 6, 2024 · 1c92edc · 1c92edc
1 parent a0e3a26
commit 1c92edc
Showing 1 changed file with 22 additions and 0 deletions.
diff --git a/packages/core/src/hooks/useTable/index.ts b/packages/core/src/hooks/useTable/index.ts
@@ -439,6 +439,28 @@ export function useTable<
     return `${pathname ?? ""}?${stringifyParams ?? ""}`;
   };
 
+  useEffect(() => {
+    if (!parsedParams?.params?.filters && !parsedParams?.params?.sorters) {
+      const resetFilters = setInitialFilters(
+        preferredPermanentFilters,
+        defaultFilter ?? [],
+      );
+      const resetSorters = setInitialSorters(
+        preferredPermanentSorters,
+        defaultSorter ?? [],
+      );
+
+      setFilters(resetFilters);
+      setSorters(resetSorters);
+    }
+  }, [
+    parsedParams,
+    preferredPermanentFilters,
+    defaultFilter,
+    preferredPermanentSorters,
+    defaultSorter,
+  ]);
+
   useEffect(() => {
     if (search === "") {
       setCurrent(defaultCurrent);