React / Next.js

Component <TalkmioChat siteKey="…" /> for React, Next.js (App and Pages router), Vite, Remix and Gatsby. SSR-safe — loads the widget once in the browser and identifies the current user.

Download talkmio-react-1.0.0.zip

Install

1. Copy src/index.js into your project (or install the package from the zip with npm install ./talkmio-react).
2. Render once, e.g. in your root layout: <TalkmioChat siteKey="YOUR_SITE_KEY" user={{ name, email }} />
3. Next.js App Router: put it in a client component ('use client') included from app/layout.js.

Where is my site key? Sign in at app.talkmio.com → Websites, add your website and copy the 12-character key (e.g. 2wkxhgujxwlv). No account yet? Create one free — no card required.