Install Live Chat on React

1Install the npm Package

Install our lightweight `@tglivechat/widget` React wrapper from npm or pnpm:

2Import & Embed Component

Render the <TGLiveChat /> component inside your root layout or main App component:

import { TGLiveChat } from '@tglivechat/widget'

export default function App() {
  return (
    <div>
      <YourAppContent />
      <TGLiveChat widgetId="YOUR_WIDGET_ID" />
    </div>
  )
}

3Verify Deployment

Open your React app in your browser. The floating chat bubble will mount inside an isolated Shadow DOM container.