> ## Documentation Index
> Fetch the complete documentation index at: https://docs.hermis.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# React API Overview

> Complete API reference for @hermis/solana-headless-react

## Overview

React hooks and components for Solana wallet integration.

## Installation

```bash theme={null}
npm install @hermis/solana-headless-react
```

## Core Hooks

<CardGroup cols={2}>
  <Card title="useWallet" href="/api-reference/react/use-wallet">
    Primary hook for wallet interactions
  </Card>

  <Card title="useConnection" href="/api-reference/react/use-connection">
    Access Solana connection
  </Card>
</CardGroup>

## Provider

### HermisProvider

```typescript theme={null}
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

```typescript theme={null}
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>
  );
}
```