Skip to main content

useConnectWallet

The useConnectWallet hook is a mutation hook for establishing a connection to a specific wallet.

import { ConnectButton, useConnectWallet, useWallets } from '@iota/dapp-kit';

function MyComponent() {
const wallets = useWallets();
const { mutate: connect } = useConnectWallet();

return (
<div style={{ padding: 20 }}>
<ConnectButton />
<ul>
{wallets.map((wallet) => (
<li key={wallet.name}>
<button
onClick={() => {
connect(
{ wallet },
{
onSuccess: () => console.log('connected'),
},
);
}}
>
Connect to {wallet.name}
</button>
</li>
))}
</ul>
</div>
);
}

Example

Connect arguments

  • args - Arguments passed to the connect function of the wallet.

    • wallet - The wallet to connect to.
    • accountAddress - (optional) The address in the wallet to connect to.
  • options - Options passed the useMutation hook from @tanstack/react-query.