Wallet Provider

💳 Connecting Wallet Provider

API

<WalletProvider> ... </WalletProvider>

Property	Type	Description	Default
children	ReactNode	The wrapped children.	undefined

For example

import { WalletProvider } from '@senhub/provider'

// Wrap a paragraph as a child.
<WalletProvider>
  <p>Hello world</p>
</WalletProvider>

Context

type Provider = {
  wallet: State
}

type State = {
  visible: boolean
  address: string
  lamports: bigint
}

Provider

Property	Type	Description
wallet	State	The wallet data.

State

Property	Type	Description
visible	boolean	Whether the wallet modal is visible.
address	string	The connecting wallet address.
lamports	bigint	The available number of lamports (1 SOL = 1,000,000,000 lamports) in the current wallet.

Hook & HOC

import { useWallet, withWallet } from '@senhub/providers'

For example

Wrap the parent by WalletProvider before accessing the context.

import { useWallet, withWallet } from '@senhub/providers'

// Within a functional component
const Component = () => {
  const {
    wallet: { address, lamports },
  } = useWallet()
}
export default Component

// Within a class component
class Component {
  render() {
    const {
      wallet: { address, lamports },
    } = this.props
  }
}
export default withWallet(Component)