WalletUiContext

The WalletUiContext provides all the state and functions for Wallet UI.

WalletUiContextValue

The context provides an object with the following properties:

Name	Type	Description
account	UiWalletAccount	The currently selected wallet account.
accountKeys	string[]	The keys of the account.
client	SolanaClient	The Solana client instance for the current cluster.
cluster	SolanaCluster	The currently selected Solana cluster.
connect	(account: UiWalletAccount) => void	A function to set the active wallet account.
connected	boolean	A boolean indicating if a wallet is connected.
copy	() => void	A function to copy the current account address to the clipboard.
disconnect	() => void	A function to disconnect the current wallet.
wallet	UiWallet	The wallet that the current account belongs to.
wallets	UiWallet[]	An array of all detected wallets.

Example

This example shows how you could use the context to get the current account.

import { useContext } from 'react';
import { WalletUiContext } from '@wallet-ui/react';

function AccountDetails() {
    const { account } = useContext(WalletUiContext);

    if (!account) {
        return <p>No account selected.</p>;
    }

    return (
        <div>
            <p>Account: {account.address}</p>
        </div>
    );
}