useSigner

Hook for accessing the current Alchemy signer within a React component. It uses a synchronous external store for updates. This is a good use case if you want to use the signer as an EOA, giving you direct access to it. The signer returned from useSigner just does a personal_sign or eth_signTypedData without any additional logic, but a smart contract account might have additional logic for creating signatures for 1271 validation so useSignMessage or useSignTypeData instead.

Import

1
import { useSigner } from "@account-kit/react";

Usage

1
import { useSigner } from "@account-kit/react";
2
import type { AlchemyWebSigner } from "@account-kit/signer";
3
4
const signer: AlchemyWebSigner | null = useSigner();

Parameters

override

AlchemyAccountContextProps optional configuration to override the default context. ref

Returns

AlchemySigner | null The current Alchemy signer or null if none is available. ref