React-1.0

React.js adapter for the core-1.0 package

Installation

npm install @your-repository-name/react-1.0
# or
yarn add @your-repository-name/react-1.0
# or
pnpm add @your-repository-name/react-1.0

How to use it

import { WalletProvider } from "@your-repository-name/react-1.0"
import { CoinbaseWalletAdapter } from "@solana/wallet-adapter-coinbase"
import { TrezorWalletAdapter } from "@solana/wallet-adapter-trezor"
import { LedgerWalletAdapter } from "@solana/wallet-adapter-ledger"

// App.tsx
<WalletProvider
  autoConnect={true}
  disconnectOnAccountChange={true}
  localStorageKey="unified:wallet-storage-key"
  env={"devnet"}
  // NOTE: only wallet adapters that use
  // @solana/web3.js v1.x.x should be added
  additionalWallets={[
    new CoinbaseWalletAdapter(),
    new TrezorWalletAdapter({ connectUrl: "https://connect.trezor.io/9/" }),
    new LedgerWalletAdapter(),
  ]}
>
  {props.children}
</WalletProvider>

// Example.tsx
import { useWallet } from "@your-repository-name/react-1.0"

const Example: React.FC = () => {
  const { connectedAccount, signMessage, sendTransaction } = useWallet()
  const publicKey = useMemo<PublicKey | undefined>(() => {
    if (!connectedAccount || !connectedAccount.info) {
      return
    }
    return connectedAccount.type === "standard"
      ? new PublicKey(connectedAccount.info.account.publicKey)
      : (connectedAccount.info.publicKey ?? undefined)
  }, [connectedAccount])
  return (
    <>
      ...
    </>
  )
}

Changelog

See CHANGELOG.md.