[SDK] Pass through desired chain when signing in with wallet for ecosystems (#6686)

Author: joaquim-verges

.changeset/orange-suns-attack.md

@@ -0,0 +1,5 @@
+---
+"thirdweb": patch
+---
+
+Pass through desired chain when signing in with wallet for ecosystems

packages/thirdweb/src/react/web/wallets/ecosystem/EcosystemWalletConnectUI.tsx

@@ -121,6 +121,7 @@ function EcosystemWalletConnectUI(props: {
     return (
       <WalletAuth
         meta={props.meta}
+        chain={props.chain}
         inAppLocale={locale}
         walletConnect={props.walletConnect}
         wallet={props.wallet}

packages/thirdweb/src/react/web/wallets/in-app/InAppWalletConnectUI.tsx

@@ -113,6 +113,7 @@ function InAppWalletConnectUI(props: {
         wallet={props.wallet}
         client={props.client}
         size={props.size}
+        chain={props.chain}
         done={done}
         onBack={goBackToMain || (() => setSelectionData({}))}
         locale={props.connectLocale}

packages/thirdweb/src/react/web/wallets/in-app/WalletAuth.tsx

@@ -1,4 +1,5 @@
 import { Suspense, useRef, useState } from "react";
+import type { Chain } from "../../../../chains/types.js";
 import { defineChain } from "../../../../chains/utils.js";
 import type { ThirdwebClient } from "../../../../client/client.js";
 import { getDefaultWallets } from "../../../../wallets/defaultWallets.js";
@@ -21,6 +22,7 @@ import type { InAppWalletLocale } from "../shared/locale/types.js";
 
 export function WalletAuth(props: {
   wallet: Wallet<"inApp" | EcosystemWalletId>;
+  chain: Chain | undefined;
   client: ThirdwebClient;
   done: () => void;
   size: "compact" | "wide";
@@ -60,30 +62,29 @@ export function WalletAuth(props: {
 
   async function login(walletToLink: Wallet) {
     setStatus("loading");
+    setError(undefined);
     walletToConnect.current = walletToLink;
     try {
       if (props.isLinking) {
         await linkProfile({
           client: props.client,
           strategy: "wallet",
           wallet: walletToLink,
-          chain: wallet.getChain() || defineChain(1),
+          chain: props.chain || wallet.getChain() || defineChain(1),
           ecosystem,
-        }).catch((e) => {
-          setError(e.message);
-          throw e;
         });
       } else {
         await wallet.connect({
           client: props.client,
           strategy: "wallet",
           wallet: walletToLink,
-          chain: walletToLink.getChain() || defineChain(1),
+          chain: props.chain || walletToLink.getChain() || defineChain(1),
         });
       }
       addConnectedWallet(walletToLink);
       done();
-    } catch {
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Unknown error");
       setStatus("error");
     }
   }