<WalletProvider>

<WalletProvider> embedded wallet के लिए React context provider है।

उदाहरण

// src/index.tsx
import { createWallet } from '@money-sdk/core'
import { WalletProvider } from '@money-sdk/react'

const wallet = createWallet(/* ... */)

function Root() {
  return (
    <WalletProvider wallet={wallet}>
      <App />
    </WalletProvider>
  )
}

Reference

props.wallet

Initialized wallet जैसा कि createWallet द्वारा return किया गया है।

Hooks

निम्नलिखित hooks @money-sdk/react से export किए गए हैं और इन्हें एक <WalletProvider> के अंदर call किया जाना चाहिए:

useWallet()

Provider को pass किया गया Wallet instance return करता है। इसका उपयोग तब करें जब आपको widget के बाहर getProvider, disconnect या experimental_expand जैसी methods call करने की आवश्यकता हो।

import { useWallet } from '@money-sdk/react'

function ConnectButton() {
  const wallet = useWallet()

  const handleClick = async () => {
    const solana = await wallet.getProvider('solana')
    await solana?.connect()
  }

  return <button onClick={handleClick}>Connect</button>
}

useConnected()

एक boolean return करता है जो दर्शाता है कि user ने आपके dApp से wallet को connect किया है या नहीं। UI को gate करने के लिए उपयोगी:

import { useConnected } from '@money-sdk/react'

function App() {
  const connected = useConnected()

  return connected ? <Dashboard /> : <Landing />
}

useObservable(observable)

Wallet instance द्वारा expose किए गए एक internal observable को subscribe करने के लिए Low-level hook। आपको आमतौर पर इसकी सीधे आवश्यकता नहीं होगी — connection state के लिए useConnected को प्राथमिकता दें।