React

The widget as a React component. Point baseUrl at your origin.

What it is

@humaner/react wraps the same widget as the embed snippet, with React props and SSR-safe loading. Chat hits your agent through baseUrl.

Install

Terminal

npm install @humaner/react

Use it

page.tsx

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

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

Prop	Type	What it does
agentId	string	Your public agent ID
baseUrl	string	Your dashboard origin for chat and handoff
position	"bottom-right" \| "bottom-left"	Where the bubble sits
color	string	Accent color
greeting	string	One-off greeting override for this embed
defaultOpen	boolean	Open the panel as soon as it mounts