diff --git a/src/transaction/Details.tsx b/src/transaction/Details.tsx
index 9f55c3a..f3e5721 100644
--- a/src/transaction/Details.tsx
+++ b/src/transaction/Details.tsx
@@ -321,7 +321,15 @@ const Details: React.FC<DetailsProps> = ({
             <ModeTab>UTF-8</ModeTab>
           </Tab.List>
           <Tab.Panels>
-            <Tab.Panel>{txDesc && <DecodedInput txDesc={txDesc} />}</Tab.Panel>
+            <Tab.Panel>
+              {txDesc === undefined ? (
+                <>Waiting for data...</>
+              ) : txDesc === null ? (
+                <>No decoded data</>
+              ) : (
+                <DecodedInput txDesc={txDesc} />
+              )}
+            </Tab.Panel>
             <Tab.Panel>
               <textarea
                 className="w-full h-40 bg-gray-50 text-gray-500 font-mono focus:outline-none border rounded p-2"
diff --git a/src/useSourcify.ts b/src/useSourcify.ts
index 8c1d52f..cfac981 100644
--- a/src/useSourcify.ts
+++ b/src/useSourcify.ts
@@ -127,6 +127,9 @@ export const useTransactionDescription = (
   txData: TransactionData | null | undefined
 ) => {
   const txDesc = useMemo(() => {
+    if (metadata === null) {
+      return null;
+    }
     if (!metadata || !txData) {
       return undefined;
     }