@dynamic-labs-sdk/react-hooks

React hooks for the Dynamic SDK client. Provides reactive state bindings for user authentication, wallet accounts, wallet providers, and more.

Installation

npm install @dynamic-labs-sdk/react-hooks @dynamic-labs-sdk/client react

Usage

Wrap your app with DynamicProvider and pass your client instance:

import { createDynamicClient } from '@dynamic-labs-sdk/client';
import { DynamicProvider } from '@dynamic-labs-sdk/react-hooks';

const client = createDynamicClient({ environmentId: 'your-env-id' });

function App() {
  return (
    <DynamicProvider client={client}>
      <MyComponent />
    </DynamicProvider>
  );
}

Then use the hooks in any child component:

import { useUser, useWalletAccounts } from '@dynamic-labs-sdk/react-hooks';

function MyComponent() {
  const user = useUser();
  const walletAccounts = useWalletAccounts();

  return (
    <div>
      <p>User: {user?.email}</p>
      <p>Wallets: {walletAccounts.length}</p>
    </div>
  );
}

Hooks

| Hook | Description | |------|-------------| | useUser | Current authenticated user | | useInitStatus | Client initialization status | | useSessionExpiresAt | Session expiration date | | useSocialAccounts | User's linked social accounts | | useWalletAccounts | Connected wallet accounts | | useWalletProviders | Available wallet providers |