Use decodeTransactionData in useFetchBlocks

packages/nextjs/hooks/scaffold-eth/useFetchBlocks.ts

@@ -2,6 +2,7 @@ import { useCallback, useEffect, useState } from "react";
 import { Block, Transaction, TransactionReceipt } from "viem";
 import { usePublicClient } from "wagmi";
 import { hardhat } from "wagmi/chains";
+import { decodeTransactionData } from "~~/utils/scaffold-eth";
 
 const BLOCKS_PER_PAGE = 20;
 
@@ -41,6 +42,10 @@ export const useFetchBlocks = () => {
       });
       const fetchedBlocks = await Promise.all(blocksWithTransactions);
 
+      fetchedBlocks.forEach(block => {
+        block.transactions.forEach(tx => decodeTransactionData(tx as Transaction));
+      });
+
       const txReceipts = await Promise.all(
         fetchedBlocks.flatMap(block =>
           block.transactions.map(async tx => {
@@ -74,6 +79,8 @@ export const useFetchBlocks = () => {
           if (currentPage === 0) {
             setBlocks(prevBlocks => [newBlock, ...prevBlocks.slice(0, BLOCKS_PER_PAGE - 1)]);
 
+            newBlock.transactions.forEach(tx => decodeTransactionData(tx as Transaction));
+
             const receipts = await Promise.all(
               newBlock.transactions.map(async tx => {
                 try {