Fixed issue with wallet button menu showing and check if the offline …

…signer returned exists to show an error

.changeset/proud-jobs-pump.md

@@ -0,0 +1,5 @@
+---
+'@sei-js/react': patch
+---
+
+Fixed an issue when wallets don't connect and the UI hangs, fixed an issue where the WalletConnectButton menu shows after selecting a wallet

packages/react/src/lib/components/WalletSelectModal/WalletSelectModal.tsx

@@ -20,7 +20,8 @@ const WalletSelectModal = ({ wallets: inputWallets }: WalletSelectModalProps) =>
 		}
 	}, [connectedWallet, connectionError]);
 
-	const closeModal = () => {
+	const closeModal = (e) => {
+		e.stopPropagation();
 		setConnectionError(undefined);
 		setShowConnectModal(false);
 	};

packages/react/src/lib/provider/SeiWalletProvider.tsx

@@ -42,18 +42,25 @@ const SeiWalletProvider = ({ children, chainConfiguration, wallets, autoConnect
 				return;
 			}
 
-			await targetWallet.connect(chainConfiguration.chainId);
 			const fetchedOfflineSigner = await targetWallet.getOfflineSigner(chainConfiguration.chainId);
+
+			if (!fetchedOfflineSigner) {
+				setConnectionError(targetWallet.walletInfo.windowKey);
+				return;
+			}
 			const fetchedAccounts = await targetWallet.getAccounts(chainConfiguration.chainId);
 
-			if (fetchedAccounts.length > 0 && fetchedOfflineSigner) {
+			if (fetchedAccounts.length === 0) {
+				setConnectionError(targetWallet.walletInfo.windowKey);
+				return;
+			} else {
 				setShowConnectModal(false);
 				setOfflineSigner(fetchedOfflineSigner);
 				setAccounts(fetchedAccounts);
 				setConnectedWallet(targetWallet);
 			}
 		} catch (e) {
-			console.log('Error connecting to wallet', e);
+			console.error('Error connecting to wallet', e);
 			setConnectionError(targetWallet.walletInfo.windowKey);
 			return;
 		}