Wallet Hooks

function useWalletContext(): WalletContextState | undefined

import { useWalletContext } from '@drift/react';

function WalletInfo() {
  const walletContext = useWalletContext();

  if (!walletContext?.publicKey) {
    return <div>No wallet connected</div>;
  }

  return (
    <div>
      <p>Connected: {walletContext.publicKey.toString()}</p>
      <p>Adapter: {walletContext.wallet?.adapter?.name}</p>
    </div>
  );
}

function useWallet(): DriftWalletContextType

import { useWallet } from '@drift/react';

function WalletActions() {
  const driftWallet = useWallet();

  return (
    <button onClick={() => driftWallet.connect()}>
      Connect Wallet
    </button>
  );
}

function useSyncWalletToStore(clearDataFromStore?: () => void): void

import { useSyncWalletToStore } from '@drift/react';
import { useMyAppStore } from './store';

function WalletSync() {
  const clearMyAppData = useMyAppStore((s) => s.clearUserData);
  
  // Sync wallet to Drift store and clear app data on disconnect
  useSyncWalletToStore(clearMyAppData);

  return null; // This component just handles side effects
}

function useSolBalance(disable?: boolean): void

import { useSolBalance, useCommonDriftStore } from '@drift/react';

function BalanceDisplay() {
  // Enable balance tracking (use only once in your app)
  useSolBalance();

  // Read balance from store
  const solBalance = useCommonDriftStore((s) => s.currentSolBalance);

  if (!solBalance.loaded) {
    return <div>Loading balance...</div>;
  }

  return (
    <div>
      Balance: {solBalance.value.toNum()} SOL
    </div>
  );
}