[SDK] fix: Handle wallet chain mismatch on post onramp flow

Author: joaquim-verges

.changeset/quiet-melons-jump.md

@@ -0,0 +1,5 @@
+---
+"thirdweb": patch
+---
+
+Handle wallet chain mismatch on post onramp flow

packages/thirdweb/src/react/web/ui/ConnectWallet/screens/Buy/fiat/OnRampScreen.tsx

@@ -634,6 +634,8 @@ function useSwapMutation(props: {
       amount: string;
     }) => {
       const { fromToken, toToken, amount } = input;
+      const wallet = props.payer.wallet;
+
       // always get a fresh quote before executing
       const quote = await getBuyWithCryptoQuote({
         fromChainId: fromToken.chainId,
@@ -646,6 +648,11 @@ function useSwapMutation(props: {
         client: props.client,
       });
 
+      // in case the wallet is not on the same chain as the fromToken, switch to it
+      if (wallet.getChain()?.id !== fromToken.chainId) {
+        await wallet.switchChain(getCachedChain(fromToken.chainId));
+      }
+
       const canBatch = props.payer.account.sendBatchTransaction;
       const tokenContract = getContract({
         client: props.client,