Fully customise Your Agent with the React SDK – useConversation Hook Tutorial

Name: Fully customise Your Agent with the React SDK – useConversation Hook Tutorial
Uploaded: 2025-09-24T11:43:57Z
Channel: ElevenLabs
Description: Go beyond the widget with a fully customised React integration. This video introduces the ElevenLabs React SDK and demonstrates how to install the @elev...

ElevenLabs · Beginner ·🖊️ Copywriting & Content Strategy ·6mo ago

Go beyond the widget with a fully customised React integration. This video introduces the ElevenLabs React SDK and demonstrates how to install the @elevenlabs/react package, import the useConversation hook and start a session. The React hook manages connection and audio usage for your agent. You’ll see how to handle microphone access, set up WebRTC with benefits like packet‑loss management and echo cancellation, and insert your agent ID to initiate conversations. New to conversational AI Agents? Get started here: Build your first agent → https://youtu.be/fnivYSh0Cqk Twilio telephony integrati…

Watch on YouTube ↗ (saves to browser)

Chapters (8)

Introduction: why developers use the React SDK.

0:20 Overview of the SDK & useConversation: a React hook for managing connection an

0:40 Installing the library: using npm/yarn/pnpm.

1:00 Initialising a conversation: importing the hook and calling useConversation().

1:20 WebRTC & microphone access: enabling audio and explaining benefits.

1:45 Providing your agent ID: copying the ID from the dashboard and inserting it.

2:20 Testing the “Talk to us” button: starting a session and speaking with the agen

3:00 Recap & next steps: further customization, callback handlers and security cons

Playlist

Uploads from ElevenLabs · ElevenLabs · 0 of 60

← Previous Next →