useAccounts

Provides access to the connected user's accounts and connection state.

Import

import { useAccounts } from "@midl/react";

Params

Name	Type	Description
config	Config	(optional) Config object to use instead of the one from context.

Example

function Page() {
  const {
    accounts,
    ordinalsAccount,
    paymentAccount,
    connector,
    isConnecting,
    isConnected,
    status,
    network,
    ...rest
  } = useAccounts();

  return (
    <div>
      {isConnected && (
        <div>
          <h2>Accounts</h2>
          <ul>
            {accounts?.map(account => (
              <li key={account.address}>{account.address}</li>
            ))}
          </ul>
        </div>
      )}
    </div>
  );
}

Returns

Name	Type	Description
accounts	Account[] | null	The list of user accounts
ordinalsAccount	Account | undefined	The ordinals account (p2tr)
paymentAccount	Account | undefined	The payment account (p2wpkh)
connector	Connector | undefined	The current connection
isConnecting	boolean	Indicates if a connection is in progress
isConnected	boolean	Indicates if the connection has been established
status	"success" | "pending" | "disconnected"	The current connection status
network	BitcoinNetwork | undefined	The connected network
...rest		Additional query state provided by useQuery