useCurrentWallet
The useCurrentWallet
hook retrieves the wallet that is currently connected to the dApp, if one
exists.
import { ConnectButton, useCurrentWallet } from '@mysten/dapp-kit';
function MyComponent() {
const { currentWallet, connectionStatus } = useCurrentWallet();
return (
<div>
<ConnectButton />
{connectionStatus === 'connected' ? (
<div>
<h2>Current wallet:</h2>
<div>Name: {currentWallet.name}</div>
<div>
Accounts:
<ul>
{currentWallet.accounts.map((account) => (
<li key={account.address}>- {account.address}</li>
))}
</ul>
</div>
</div>
) : (
<div>Connection status: {connectionStatus}</div>
)}
</div>
);
}
Example
Wallet properties
name
- The name of the wallet.version
- The version of the wallet as a string.icon
- A data URL of the wallet icon as an SVG.accounts
- An array of accounts that are available in the wallet.features
- An object with all the wallet-standard (opens in a new tab) features implemented by the wallet.chains
- An array of chain identifiers that the wallet supports.
Connection status properties
-
connectionStatus
disconnected
- When no wallet is connected to the dApp.connecting
- When a wallet connection attempt is in progress.connecting
- When a wallet is connected to the dApp.
-
isDisconnected
- A derived boolean from the status variable above, provided for convenience. -
isConnecting
- A derived boolean from the status variable above, provided for convenience. -
isConnected
- A derived boolean from the status variable above, provided for convenience.