🪝Hooks

AvaCloud WaaS SDK provides a collection of React hooks that make it easy to interact with wallets, handle transactions, and manage authentication. Here's a comprehensive guide to all available hooks

useAvaCloudWallet

The primary hook for handling authentication and basic wallet functionality.

import { useAvaCloudWallet } from '@avalabs/avacloud-waas-react';

function WalletComponent() {
  const {
    isAuthenticated,
    isLoading,
    user,
    wallet,
    login,
    logout,
    addAccount,
  } = useAvaCloudWallet();
  
  if (isLoading) {
    return <div>Loading...</div>;
  }

  return (
    <div>
      {isAuthenticated ? (
        <button onClick={logout}>Logout</button>
      ) : (
        <button onClick={login}>Login</button>
      )}
    </div>
  );
}

Returns

• isAuthenticated: boolean - Current authentication status

• isLoading: boolean - Loading state of authentication

• user: User | null - User information

• wallet: Wallet | null - Current wallet information

• login: () => Promise - Trigger login flow

• logout: () => Promise - Trigger logout flow

• addAccount: () => Promise - Add a new account to the wallet