React SDK

/ @humaner/react — same auth and handoff model as the widget. Your agent backend supplies chat; Desk Center handles escalation.

Install

Terminal

npm install @humaner/react

Usage

page.tsx

import { HumanerChat } from "@humaner/react";

export default function SupportPage() {
  return (
    <HumanerChat
      agentId="YOUR_AGENT_PUBLIC_ID"
      baseUrl="https://yourwebsite.com"
    />
  );
}

Package layout

packages/react in the monorepo. Peer dependency: React 18+. Styles ship as optional CSS entry points for dock and text-field chrome.