[React] Fix native token fallback when insight query fails

Author: joaquim-verges

.changeset/eighty-rings-think.md

@@ -0,0 +1,5 @@
+---
+"thirdweb": patch
+---
+
+Fix native token fallback when insight query fails

packages/thirdweb/src/react/core/hooks/usePaymentMethods.ts

@@ -119,6 +119,27 @@ export function usePaymentMethods(options: {
             .filter((result) => result.status === "fulfilled")
             .map((result) => result.value)
             .filter((balance) => balance.value > 0n);
+
+          // Convert to our format and filter out zero balances
+          const tokensWithBalance = batch
+            .filter((b) => b.value > 0n)
+            .map((b) => ({
+              balance: b.value,
+              originToken: {
+                address: b.tokenAddress,
+                chainId: b.chainId,
+                decimals: b.decimals,
+                iconUri: "",
+                name: b.name,
+                prices: {
+                  USD: 0,
+                },
+                symbol: b.symbol,
+              } as Token,
+            }));
+
+          allOwnedTokens = [...allOwnedTokens, ...tokensWithBalance];
+          break;
         }
 
         if (batch.length === 0) {