From a5b626b7bc869bfdef8a07bb9ce19885315477cb Mon Sep 17 00:00:00 2001
From: Jordi Enric <37541088+jordienr@users.noreply.github.com>
Date: Wed, 9 Apr 2025 14:08:44 +0200
Subject: [PATCH] Fix filters and sort not added to query in table editor
 (#34862)

fix filters and sort not added to query in table editor
---
 apps/studio/components/grid/SupabaseGrid.tsx             | 6 +++---
 apps/studio/components/grid/components/header/Header.tsx | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/apps/studio/components/grid/SupabaseGrid.tsx b/apps/studio/components/grid/SupabaseGrid.tsx
index 314c407cade..fdd93abe7ec 100644
--- a/apps/studio/components/grid/SupabaseGrid.tsx
+++ b/apps/studio/components/grid/SupabaseGrid.tsx
@@ -24,6 +24,7 @@ import { Grid } from './components/grid/Grid'
 import Header, { HeaderProps } from './components/header/Header'
 import { RowContextMenu } from './components/menu'
 import { Filter, GridProps } from './types'
+import { useTableEditorFiltersSort } from 'hooks/misc/useTableEditorFiltersSort'
 
 export const SupabaseGrid = ({
   customHeader,
@@ -44,9 +45,8 @@ export const SupabaseGrid = ({
   const gridRef = useRef<DataGridHandle>(null)
   const [mounted, setMounted] = useState(false)
 
-  const [{ sort, filter }, setParams] = useUrlState({
-    arrayKeys: ['sort', 'filter'],
-  })
+  const { filters: filter, sorts: sort, setParams } = useTableEditorFiltersSort()
+
   const sorts = formatSortURLParams(snap.table.name, sort as string[] | undefined)
   const filters = formatFilterURLParams(filter as string[])
 
diff --git a/apps/studio/components/grid/components/header/Header.tsx b/apps/studio/components/grid/components/header/Header.tsx
index 1a2ceabfea5..3c3c5fb32a3 100644
--- a/apps/studio/components/grid/components/header/Header.tsx
+++ b/apps/studio/components/grid/components/header/Header.tsx
@@ -161,8 +161,8 @@ const DefaultHeader = () => {
   return (
     <div className="flex items-center gap-4">
       <div className="flex items-center gap-2">
-        <FilterPopover filters={filters as string[]} onApplyFilters={onApplyFilters} />
-        <SortPopover sorts={sorts as string[]} onApplySorts={onApplySorts} />
+        <FilterPopover filters={filters} onApplyFilters={onApplyFilters} />
+        <SortPopover sorts={sorts} onApplySorts={onApplySorts} />
       </div>
       {canAddNew && (
         <>