@solana/wallet-adapterTypeScript wallet adapters and components for Solana applications.
Install these peer dependencies (or skip this if you have them already):
yarn add @material-ui/core \
@material-ui/icons \
@solana/web3.js \
react
Install these dependencies:
yarn add \
# Wallets to use
@solana/wallet-adapter-wallets \
# React hooks and context for wallets
@solana/wallet-adapter-react \
# Simple components for connecting a wallet
@solana/wallet-adapter-material-ui
import React, { FC, useMemo } from 'react';
import { WalletProvider } from '@solana/wallet-adapter-react';
import {
getLedgerWallet,
getMathWallet,
getPhantomWallet,
getSolletWallet,
getSolongWallet,
getTorusWallet,
} from '@solana/wallet-adapter-wallets';
import {
WalletConnectButton,
WalletDialogProvider,
WalletDisconnectButton,
WalletMultiButton,
} from '@solana/wallet-adapter-material-ui';
export const Wallet: FC = () => {
const wallets = useMemo(() => [
getPhantomWallet(),
getLedgerWallet(),
getTorusWallet({ clientId: 'Go to https://developer.tor.us and create a client ID' }),
getSolongWallet(),
getMathWallet(),
getSolletWallet(),
], []);
return (
<WalletProvider wallets={wallets} autoConnect>
<WalletDialogProvider>
<WalletMultiButton/>
<WalletDisconnectButton/>
</WalletDialogProvider>
</WalletProvider>
);
};