transactions_count for Scroll batch could be null

types/api/scrollL2.ts

@@ -27,7 +27,7 @@ export type ScrollL2TxnBatch = {
   confirmation_transaction: ScrollL2TxnBatchConfirmationTransaction;
   start_block: number;
   end_block: number;
-  transaction_count: number;
+  transaction_count: number | null;
   data_availability: {
     batch_data_container: 'in_blob4844' | 'in_calldata';
   };

ui/txnBatches/scrollL2/ScrollL2TxnBatchDetails.tsx

@@ -115,6 +115,8 @@ const ScrollL2TxnBatchDetails = ({ query }: Props) => {
         }
       </DetailedInfo.ItemValue>
 
+      { typeof data.transaction_count === 'number' ? (
+        <>
           <DetailedInfo.ItemLabel
             isLoading={ isPlaceholderData }
             hint="Number of transactions in this batch"
@@ -126,6 +128,8 @@ const ScrollL2TxnBatchDetails = ({ query }: Props) => {
               { data.transaction_count.toLocaleString() } transaction{ data.transaction_count === 1 ? '' : 's' }
             </Link>
           </DetailedInfo.ItemValue>
+        </>
+      ) : null }
 
       <DetailedInfo.ItemLabel
         isLoading={ isPlaceholderData }

ui/txnBatches/scrollL2/ScrollL2TxnBatchesListItem.tsx

@@ -104,6 +104,8 @@ const ScrollL2TxnBatchesListItem = ({ item, isLoading }: Props) => {
         </Link>
       </ListItemMobileGrid.Value>
 
+      { typeof item.transaction_count === 'number' ? (
+        <>
           <ListItemMobileGrid.Label isLoading={ isLoading }>Txn count</ListItemMobileGrid.Label>
           <ListItemMobileGrid.Value>
             <Link
@@ -115,6 +117,8 @@ const ScrollL2TxnBatchesListItem = ({ item, isLoading }: Props) => {
               { item.transaction_count.toLocaleString() }
             </Link>
           </ListItemMobileGrid.Value>
+        </>
+      ) : null }
 
     </ListItemMobileGrid.Container>
   );

ui/txnBatches/scrollL2/ScrollL2TxnBatchesTableItem.tsx

@@ -87,12 +87,14 @@ const TxnBatchesTableItem = ({ item, isLoading }: Props) => {
         </Link>
       </TableCell>
       <TableCell verticalAlign="middle" isNumeric>
+        { typeof item.transaction_count === 'number' ? (
           <Link
             href={ route({ pathname: '/batches/[number]', query: { number: item.number.toString(), tab: 'txs' } }) }
             loading={ isLoading }
           >
             { item.transaction_count.toLocaleString() }
           </Link>
+        ) : 'N/A' }
       </TableCell>
     </TableRow>
   );