fix: force wallet chain switch in Pay UI (#5302)

joaquim-verges · web-flow · commit 75cbe64a86db · 2024-11-05T15:53:56.000+13:00
diff --git a/.changeset/fuzzy-lobsters-deliver.md b/.changeset/fuzzy-lobsters-deliver.md
@@ -0,0 +1,5 @@
+---
+"thirdweb": patch
+---
+
+Fix Pay UI not force switching connected wallet chain
diff --git a/packages/thirdweb/src/react/web/ui/ConnectWallet/screens/Buy/BuyScreen.tsx b/packages/thirdweb/src/react/web/ui/ConnectWallet/screens/Buy/BuyScreen.tsx
@@ -984,7 +984,8 @@ function SwapScreenContent(props: {
 
   const disableContinue =
     (swapRequired && !quoteQuery.data) || isNotEnoughBalance;
-  const switchChainRequired = props.payer.chain.id !== fromChain.id;
+  const switchChainRequired =
+    props.payer.wallet.getChain()?.id !== fromChain.id;
 
   // biome-ignore lint/suspicious/noExplicitAny: <explanation>
   function getErrorMessage(err: any) {

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"thirdweb": patch
 +---
++
 +Fix Pay UI not force switching connected wallet chain