adjust sql queries hooks return types

Author: karooolis

packages/explorer/src/app/(explorer)/[chainName]/worlds/[worldAddress]/explore/Explorer.tsx

@@ -21,7 +21,7 @@ export function Explorer() {
   const indexer = indexerForChainId(chainId);
   const [isLiveQuery, setIsLiveQuery] = useState(false);
   const [{ pageSize }, setPagination] = usePaginationState();
-  const { query, setQuery } = useSQLQueryState();
+  const [query, setQuery] = useSQLQueryState();
   const [selectedTableId] = useQueryState("tableId");
   const prevSelectedTableId = usePrevious(selectedTableId);
   const { data: tables } = useTablesQuery();

packages/explorer/src/app/(explorer)/[chainName]/worlds/[worldAddress]/explore/SQLEditor.tsx

@@ -30,7 +30,7 @@ export function SQLEditor({ table, isLiveQuery, setIsLiveQuery }: Props) {
   const [isFocused, setIsFocused] = useState(false);
   const [isUserTriggeredRefetch, setIsUserTriggeredRefetch] = useState(false);
   const [pagination, setPagination] = usePaginationState();
-  const { query, setQuery } = useSQLQueryState();
+  const [query, setQuery] = useSQLQueryState();
 
   const validateQuery = useQueryValidator(table);
   const {

packages/explorer/src/app/(explorer)/[chainName]/worlds/[worldAddress]/explore/TablesViewer.tsx

@@ -51,7 +51,7 @@ type Props = {
 export function TablesViewer({ table, isLiveQuery }: Props) {
   const { id: chainId } = useChain();
   const indexer = indexerForChainId(chainId);
-  const { query, setQuery } = useSQLQueryState();
+  const [query, setQuery] = useSQLQueryState();
   const [globalFilter, setGlobalFilter] = useQueryState("filter", parseAsString.withDefault(""));
   const [sorting, setSorting] = useQueryState("sort", parseAsJson<SortingState>().withDefault(initialSortingState));
   const [pagination, setPagination] = usePaginationState();

packages/explorer/src/app/(explorer)/[chainName]/worlds/[worldAddress]/explore/hooks/useSQLQueryState.ts

@@ -1,9 +1,8 @@
 import { parseAsString, useQueryState } from "nuqs";
 
-export function useSQLQueryState() {
+type UseSQLQueryStateReturn = [string, (value: string) => void];
+
+export function useSQLQueryState(): UseSQLQueryStateReturn {
   const [query, setQuery] = useQueryState("query", parseAsString.withDefault(""));
-  return {
-    query: decodeURIComponent(query),
-    setQuery: (value: string) => setQuery(encodeURIComponent(value)),
-  };
+  return [decodeURIComponent(query), (value: string) => setQuery(encodeURIComponent(value))];
 }