fix: await connectWallet for walletbutton (#1890)

* await connectWallet and update connect prop type to promise * chore: changset * chore: changeset * fix: changeset --------- Co-authored-by: Magomed Khamidov <53529533+KosmosKey@users.noreply.github.com> Co-authored-by: Daniel Sinclair <d@niel.nyc>
rainbow-me · Mar 27, 2024 · b80e8fa · b80e8fa
1 parent b25db9a
commit b80e8fa
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/calm-snakes-roll.md b/.changeset/calm-snakes-roll.md
@@ -0,0 +1,5 @@
+---
+"@rainbow-me/rainbowkit": patch
+---
+
+Improved the synchronous connection flow for the `WalletButton` and `WalletButton.Custom` components
diff --git a/packages/rainbowkit/src/components/WalletButton/WalletButtonRenderer.tsx b/packages/rainbowkit/src/components/WalletButton/WalletButtonRenderer.tsx
@@ -33,7 +33,7 @@ export interface WalletButtonRendererProps {
     ready: boolean;
     mounted: boolean;
     connector: WalletConnector;
-    connect: () => void;
+    connect: () => Promise<void>;
   }) => ReactNode;
 }
 
@@ -142,7 +142,7 @@ export function WalletButtonRenderer({
             return;
           }
 
-          connectWallet();
+          await connectWallet();
         },
       })}
     </>