small fixes to query key, default exports

penumbra-zone · Jul 11, 2024 · a12286c · a12286c
1 parent 81198cc
commit a12286c
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 8 deletions.
diff --git a/src/app/blocks/page.tsx b/src/app/blocks/page.tsx
@@ -1,4 +1,4 @@
-import BlocksTable from "@/components/BlocksTable";
+import { BlocksTable } from "@/components/BlocksTable";
 import getBlocks from "@/components/BlocksTable/getBlocks";
 import { HydrationBoundary, QueryClient, dehydrate } from "@tanstack/react-query";
 
@@ -11,13 +11,14 @@ const Page = () => {
     pageIndex: 0,
     pageSize: 10,
   };
+
   const queryName = "BlocksTable";
   const endpoint = "/api/blocks";
   const errorMessage = "Failed to query data while trying to generate blocks table, please try reloading the page.";
 
   queryClient.prefetchQuery({
     queryFn: () => getBlocks({ endpoint, pageIndex: 0}),
-    queryKey: [queryName, defaultQueryOptions],
+    queryKey: [queryName, defaultQueryOptions.pageIndex],
     meta: {
       errorMessage,
     },

diff --git a/src/app/transactions/page.tsx b/src/app/transactions/page.tsx
@@ -19,7 +19,7 @@ const Page = () => {
 
   queryClient.prefetchQuery({
     queryFn: () => getTransactions({ endpoint, pageIndex: 0}),
-    queryKey: [queryName, defaultQueryOptions],
+    queryKey: [queryName, defaultQueryOptions.pageIndex],
     meta: {
       errorMessage,
     },

diff --git a/src/components/BlocksTable/index.tsx b/src/components/BlocksTable/index.tsx
@@ -33,7 +33,7 @@ export function BlocksTable ({
   const [pagination, setPagination] = useState<PaginationState>({...defaultQueryOptions});
 
   const { data } = useSuspenseQuery({
-    queryKey: [queryName, pagination],
+    queryKey: [queryName, pagination.pageIndex],
     queryFn: () => getBlocks({ endpoint, pageIndex: pagination.pageIndex }),
     meta: {
       errorMessage,
@@ -60,5 +60,3 @@ export function BlocksTable ({
     </div>
   );
 };
-
-export default BlocksTable;
diff --git a/src/components/Providers/index.tsx b/src/components/Providers/index.tsx
@@ -26,7 +26,6 @@ const makeQueryClient = () => {
       queries: {
         // Direct suggestion by tanstack, to prevent over-eager refetching from the client.
         staleTime: 60 * 1000,
-        refetchOnWindowFocus: false,
       },
       dehydrate: {
         // only successful and pending Queries are included per defaults

diff --git a/src/components/TransactionsTable/index.tsx b/src/components/TransactionsTable/index.tsx
@@ -32,7 +32,7 @@ export function TransactionsTable ({
   const [pagination, setPagination] = useState<PaginationState>({...defaultQueryOptions});
 
   const { data } = useSuspenseQuery({
-    queryKey: [queryName, pagination],
+    queryKey: [queryName, pagination.pageIndex],
     queryFn: () => getTransactions({ endpoint, pageIndex: pagination.pageIndex }),
     meta: {
       errorMessage,