useConnect

Hook for connecting to a wallet.

Import

import { useConnect } from '@growae/reactive-react'

Usage

import { useConnect } from '@growae/reactive-react'

function ConnectButton() {
  const { connect, connectors, isPending } = useConnect()

  return (
    <div>
      {connectors.map((connector) => (
        <button
          key={connector.id}
          onClick={() => connect({ connector })}
          disabled={isPending}
        >
          {connector.name}
        </button>
      ))}
    </div>
  )
}

Return Type

type UseConnectReturnType = {
  connect: (params: { connector: Connector }) => void
  connectAsync: (params: { connector: Connector }) => Promise<ConnectReturnType>
  connectors: readonly Connector[]
  data: ConnectReturnType | undefined
  error: ConnectErrorType | null
  isPending: boolean
  isSuccess: boolean
  isError: boolean
  reset: () => void
}

Parameters

mutation

See TanStack Query mutation docs for mutation options.

Action

• connect