Skip to main content

​
Overview

React hooks and components for Solana wallet integration.

​
Installation

npm install @hermis/solana-headless-react

​
Core Hooks

useWallet

Primary hook for wallet interactions

useConnection

Access Solana connection

​
Provider

​
HermisProvider

import { HermisProvider } from '@hermis/solana-headless-react';
import { WalletAdapterNetwork } from '@solana/wallet-adapter-base';

function App() {
  return (
    <HermisProvider
      endpoint="https://api.devnet.solana.com"
      network={WalletAdapterNetwork.Devnet}
      autoConnect={true}
    >
      {children}
    </HermisProvider>
  );
}

​
Utility Hooks

  • useSolanaBalance - Fetch wallet balance
  • useSolanaTokenAccounts - Fetch token accounts
  • useSolanaNFTs - Fetch NFTs
  • useSolanaTransaction - Track transaction status
  • useWalletAdapters - Access wallet adapters
  • useWalletModal - Wallet selection modal
  • useAnchorWallet - Anchor-compatible wallet

​
Quick Examples

import { useWallet, useSolanaBalance } from '@hermis/solana-headless-react';

function WalletInfo() {
  const { publicKey, connected } = useWallet();
  const { balance, loading } = useSolanaBalance(publicKey);

  return (
    <div>
      {connected && <p>Balance: {balance} SOL</p>}
    </div>
  );
}