near-react-wallet-connect

A React component for connecting to NEAR wallets using @near-wallet-selector/core.

Installation

npm install near-react-wallet-connect

Usage

import { NearReactWalletConnect } from 'near-react-wallet-connect' import { setupWalletSelector } from '@near-wallet-selector/core'

function App() { const [selector, setSelector] = React.useState(null)

React.useEffect(() => { setupWalletSelector({ network: 'mainnet', modules: [] }).then(setSelector) }, [])

return ( <NearReactWalletConnect selector={selector} networkId="mainnet" contractId="example.near" buttonLabel="Connect Wallet" onConnected={(accountId) => console.log('Connected:', accountId)} onDisconnected={() => console.log('Disconnected')} onError={(error) => console.error(error)} /> ) }

Props

| Prop | Type | Description | |------|------|-------------| | selector | WalletSelector | NEAR wallet selector instance | | networkId | 'mainnet' \| 'testnet' | Target network | | contractId | string | Contract to connect to | | buttonLabel | string | Custom button label | | onConnected | (accountId: string) => void | Called when wallet connects | | onDisconnected | () => void | Called when wallet disconnects | | onError | (error: Error) => void | Called on error | | className | string | Custom CSS class | | style | React.CSSProperties | Inline styles |

License

MIT