fix(explorer): handle undefined transactions on address page

[emmajam]

Summary

Fix 'Cannot read properties of undefined (reading map/length)' errors on the address page.

Problem

When loading the address page (e.g., /address/0x...), the transactions variable could be undefined during certain loading states, causing the page to crash when calling .map() or accessing .length.

Solution

Use default values in destructuring to ensure transactions is always an array:

const {
  transactions = [],
  total: approximateTotal = 0,
  hasMore = false,
} = data ?? {}

This handles both cases:

• When data is undefined → falls back to {}, then defaults apply
• When data.transactions is undefined → default = [] applies

Greptile Overview

Greptile Summary

Refactors the destructuring pattern for transactions, total, and hasMore to use inline default values instead of a fallback object. This ensures the variables are always initialized even when data or its properties are undefined, preventing "Cannot read properties of undefined" errors during loading states.

Confidence Score: 5/5

• Safe to merge - clean defensive code fix that prevents runtime errors
• The change is a straightforward refactor that improves null safety. The new pattern { transactions = [], ... } = data ?? {} is equivalent to the old pattern but more concise and idiomatic. Both handle the same cases: when data is undefined, it falls back to an empty object, and when data.transactions is undefined, it uses the default empty array. No functional changes or edge cases introduced.
• No files require special attention

Important Files Changed

File Analysis

Filename	Score	Overview
apps/explorer/src/routes/_layout/address/$address.tsx	5/5	Refactored destructuring to use inline defaults instead of fallback object, fixing undefined access errors

Sequence Diagram

sequenceDiagram
    participant Component
    participant Query
    Component->>Query: "Fetch transactions data"
    Query-->>Component: "Returns data or undefined"
    Note over Component: Before: data ?? { transactions: [], ... }
    Note over Component: After: { transactions = [], ... } = data ?? {}
    Component->>Component: "Safely access transactions.map()"

Loading

_{(2/5) Greptile learns from your feedback when you react with thumbs up/down!}

[github-actions]

🚀 Deploying fix/address-page-undefined-transactions with ⚡ Cloudflare Pages

Latest commit:	277e69cc34b6068f21a1cbbbadd4932b8551b3c6
Status:	✅ Deploy successful
Preview URL:	https://17c48844-explorer-moderato.porto.workers.dev
Branch Preview URL:

[greptile-apps]

_{No files reviewed, no comments}

_{Edit Code Review Agent Settings | Greptile}