useCofferApp

The main hook for accessing the Coffer SDK instance and wallet state. The coffer object returned by this hook is an instance of the Coffer class from @coffer-network/apps-sdk, which means you can use all methods available in the core SDK.

function WalletComponent() {
  const { coffer, wallet, isInitialized } = useCofferApp();
 
  if (!isInitialized) return <div>Initializing...</div>;
 
  return (
    <div>
      <p>Wallet Address: {wallet?.address}</p>
    </div>
  );
}

Why Use React Hooks vs Direct SDK Methods?

While you can use the core SDK methods directly through the coffer instance, the React SDK provides additional hooks that:

1. Handle React-specific lifecycle management
2. Provide loading and error states
3. Manage data caching and revalidation
4. Ensure proper state updates and re-renders
5. Implement React best practices

The React hooks are recommended for most use cases as they provide better integration with React's lifecycle and state management, but having direct access to the core SDK methods through coffer gives you more flexibility when needed.

This clarification helps developers understand that they have full access to the core SDK functionality while also benefiting from the React-specific features provided by the hooks.