@aurum-sdk/hooks

• Docs
• Live Demo
• Website

React hooks for Aurum SDK.

Installation

pnpm add @aurum-sdk/hooks @aurum-sdk/core

Quick Start

1. Setup Provider

Wrap your app with AurumProvider

import { Aurum } from '@aurum-sdk/core';
import { AurumProvider } from '@aurum-sdk/hooks';

const aurum = new Aurum({
  brand: { appName: 'Your App Name' },
  wallets: {
    embedded: { projectId: 'cdp-project-id' },
    walletConnect: { projectId: 'reown-project-id' },
  },
});

function App() {
  return (
    <AurumProvider aurum={aurum}>
      <YourApp />
    </AurumProvider>
  );
}

2. Use Hooks

import { useAccount, useConnect, useDisconnect } from '@aurum-sdk/hooks';

function WalletButton() {
  const { publicAddress, isConnected, isInitializing } = useAccount();
  const { connect, isPending } = useConnect();
  const { disconnect } = useDisconnect();

  if (isInitializing) return <div>Loading...</div>;

  if (!isConnected) {
    return (
      <button onClick={() => connect()} disabled={isPending}>
        {isPending ? 'Connecting...' : 'Connect Wallet'}
      </button>
    );
  }

  return (
    <div>
      <p>{publicAddress}</p>
      <button onClick={disconnect}>Disconnect</button>
    </div>
  );
}