From 7bcab87242b2b5bddaa2fd5d8fe46ff8b14920d4 Mon Sep 17 00:00:00 2001
From: Niran Babalola <niran.babalola@coinbase.com>
Date: Tue, 17 Mar 2026 13:10:46 -0500
Subject: [PATCH] Fix null tx.to crash on contract creation transactions

tx.to is null for contract creation transactions, causing
"Cannot read properties of null (reading 'slice')" in the
bundle detail page. Add null guards and display "Contract
Creation" instead.
---
 src/app/bundles/[uuid]/page.tsx | 30 +++++++++++++++++++-----------
 src/lib/s3.ts                   |  2 +-
 2 files changed, 20 insertions(+), 12 deletions(-)

diff --git a/src/app/bundles/[uuid]/page.tsx b/src/app/bundles/[uuid]/page.tsx
index cf0df3d..47e32ed 100644
--- a/src/app/bundles/[uuid]/page.tsx
+++ b/src/app/bundles/[uuid]/page.tsx
@@ -183,7 +183,9 @@ function TransactionDetails({
             </div>
             <div className="text-xs text-gray-500 mt-0.5">
               {tx.signer.slice(0, 6)}...{tx.signer.slice(-4)} →{" "}
-              {tx.to.slice(0, 6)}...{tx.to.slice(-4)}
+              {tx.to
+                ? `${tx.to.slice(0, 6)}...${tx.to.slice(-4)}`
+                : "Contract Creation"}
             </div>
           </div>
         </div>
@@ -251,16 +253,22 @@ function TransactionDetails({
                 <tr>
                   <td className="text-gray-500 py-2">To</td>
                   <td className="py-2 text-right">
-                    <span className="inline-flex items-center gap-1">
-                      <ExplorerLink
-                        type="address"
-                        value={tx.to}
-                        className="font-mono text-gray-900"
-                      >
-                        {tx.to}
-                      </ExplorerLink>
-                      <CopyButton text={tx.to} />
-                    </span>
+                    {tx.to ? (
+                      <span className="inline-flex items-center gap-1">
+                        <ExplorerLink
+                          type="address"
+                          value={tx.to}
+                          className="font-mono text-gray-900"
+                        >
+                          {tx.to}
+                        </ExplorerLink>
+                        <CopyButton text={tx.to} />
+                      </span>
+                    ) : (
+                      <span className="font-mono text-gray-500">
+                        Contract Creation
+                      </span>
+                    )}
                   </td>
                 </tr>
               </tbody>
diff --git a/src/lib/s3.ts b/src/lib/s3.ts
index 32281e3..59c2f1b 100644
--- a/src/lib/s3.ts
+++ b/src/lib/s3.ts
@@ -93,7 +93,7 @@ export interface BundleTransaction {
   gas: string;
   maxFeePerGas: string;
   maxPriorityFeePerGas: string;
-  to: string;
+  to: string | null;
   value: string;
   accessList: unknown[];
   input: string;