Quickstart - Zeek Wallet

The Zeek SDK provides a set of hooks for interacting with the Zeek.

useZeek

The useZeek hook provides access to the Zeek standard SDK’s functionality.

import { useZeek } from '@zeek-wallet/react';

function MyComponent() {
  const { login, logout, user } = useZeek();

  return (
    <div>
      {user ? (
        <>
          <p>Welcome, {user.email}!</p>
          <button onClick={logout}>Disconnect</button>
        </>
      ) : (
        <button onClick={login}>Connect</button>
      )}
    </div>
  );
}

useWallet

The useWallet hook provides access to the Zeek wallet SDK’s functionality.

import { useWallet } from '@zeek-wallet/react';

function MyComponent() {
  const { displayWallet, sendTransaction, createWallet } = useWallet();
}

useLightWallet

The useWallet hook provides access to the Zeek’s light wallet (gasless wallet) SDK functionality.

import { useLightWallet } from '@zeek-wallet/react';

function MyComponent() {
  const { getLightWallet, sendSponsoredTransaction } = useLightWallet();
}