useMountedAccount
A React hook that wraps the useAccount
hook from wagmi, incorporating a component mount check to prevent state updates on unmounted components.
Usage
import { useMountedAccount } from '@justaname.id/react'
function AccountComponent() {
const { address, isConnected, isConnecting, connector } = useMountedAccount()
return (
<div>
<h3>Account Information</h3>
<p>Connected: {isConnected ? 'Yes' : 'No'}</p>
<p>Connecting: {isConnecting ? 'Yes' : 'No'}</p>
{address && <p>Address: {address}</p>}
{connector && <p>Connector: {connector.name}</p>}
</div>
)
}
Returns
An object containing all properties and methods from wagmi's useAccount
hook, plus:
isConnected
: Boolean indicating if the account is connected AND the component is mounted
Defined in
packages/@justaname.id/react/src/lib/hooks/account/useMountedAccount.ts:12
Last updated
Was this helpful?