useConnect

A hook to set a wallet as active wallet

Example

import { useConnect } from "thirdweb/react";
import { createWallet } from "thirdweb/wallets";
function Example() {
const { connect, isConnecting, error } = useConnect();
return (
<button
onClick={() =>
connect(async () => {
// instantiate wallet
const wallet = createWallet("io.metamask");
// connect wallet
await wallet.connect();
// return the wallet
return wallet;
})
}
>
Connect
</button>
);
}
function useConnect(options?: ConnectManagerOptions): {
readonly connect: (
walletOrFn: Wallet | (() => Promise<Wallet>),
) => Promise<null | Wallet>;
error: null | Error;
isConnecting: boolean;
};

Parameters

Type

let options: {
accountAbstraction?: SmartWalletOptions;
client: ThirdwebClient;
onConnect?: (wallet: Wallet) => void;
};

Returns

let returnType: {
readonly connect: (
walletOrFn: Wallet | (() => Promise<Wallet>),
) => Promise<null | Wallet>;
error: null | Error;
isConnecting: boolean;
};

A function that lets you connect a wallet.