Comment on page
Wallet Provider
💳 Connecting Wallet Provider
<WalletProvider> ... </WalletProvider>
Property | Type | Description | Default |
|---|---|---|---|
children | ReactNode | The wrapped children. | undefined |
import { WalletProvider } from '@senhub/provider'
// Wrap a paragraph as a child.
<WalletProvider>
<p>Hello world</p>
</WalletProvider>
type Provider = {
wallet: State
}
type State = {
visible: boolean
address: string
lamports: bigint
}
Property | Type | Description |
|---|---|---|
wallet | State | The wallet data. |
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. |
import { useWallet, withWallet } from '@senhub/providers'
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)
Last modified 1yr ago