CHORE: fixed PreviewTable caching behavior on landing page + initial …

…page load for /blocks and /transactions

src/app/blocks/page.tsx

@@ -20,6 +20,7 @@ const Page = () => {
   queryClient.prefetchQuery({
     queryFn: () => getBlocks({ endpoint, pageIndex: 0}),
     queryKey: [queryName, defaultQueryOptions.pageIndex],
+    staleTime: 0,
     meta: {
       errorMessage,
     },

src/app/page.tsx

@@ -57,19 +57,23 @@ export default function Home() {
     queryClient.prefetchQuery({
       queryFn: () => getTransactions({ endpoint: transactionEndpoint, pageIndex: 0 }),
       queryKey: [transactionsQuery],
+      staleTime: 0,
       meta: {
         errorMessage,
       },
     }),
     queryClient.prefetchQuery({
       queryFn: () => getBlocks({ endpoint: blocksEndpoint, pageIndex: 0 }),
       queryKey: [blocksQuery],
+      staleTime: 0,
       meta: {
         errorMessage,
       },
     }),
   ]);
 
+  // console.log(queryClient)
+
   return (
     <div className="flex flex-wrap gap-3 items-center justify-between py-5">
       <LandingCard

src/app/transactions/page.tsx

@@ -21,6 +21,7 @@ const Page = () => {
   queryClient.prefetchQuery({
     queryFn: () => getTransactions({ endpoint, pageIndex: 0}),
     queryKey: [queryName, defaultQueryOptions.pageIndex],
+    staleTime: 0,
     meta: {
       errorMessage,
     },

src/components/PreviewTable/index.tsx

@@ -53,6 +53,8 @@ export function PreviewTable ({
   } = useSuspenseQuery({
     queryKey: [queryName],
     queryFn: () => getFn({ endpoint, pageIndex }),
+    // refresh preview data every 15 seconds
+    refetchInterval: 15 * 1000,
     meta: {
       errorMessage,
     },

src/lib/utils.ts

@@ -17,6 +17,9 @@ const makeQueryClient = () => {
       queries: {
         // Direct suggestion by tanstack, to prevent over-eager refetching from the client.
         staleTime: 60 * 1000,
+        // TODO: configure gcTime to take advantage of queries that never update, ie /block/ht and /transaction/hash. These can be set to Infinite, basically.
+        //       not fine-tuning now because I don't want to accidentally break the other queries without further testing. Caching has already caused enough silly bugs.
+        gcTime: 5 * 60 * 1000,
       },
       dehydrate: {
         // only successful and pending Queries are included per defaults