Skip to content

feat: migrate to @elevenlabs/react v1.0.0-rc.1 with granular hooks#68

Draft
kraenhansen wants to merge 5 commits intomainfrom
feat/elevenlabs-sdk-v1-migration
Draft

feat: migrate to @elevenlabs/react v1.0.0-rc.1 with granular hooks#68
kraenhansen wants to merge 5 commits intomainfrom
feat/elevenlabs-sdk-v1-migration

Conversation

@kraenhansen
Copy link
Copy Markdown

Summary

  • Upgrade @elevenlabs/client and @elevenlabs/react from ^0.12.0 to 1.0.0-rc.1
  • Replace useConversation with granular hooks (useConversationStatus, useConversationControls, useConversationInput) across all conversation components
  • Remove built-in ConversationProvider from ConversationBar — callers now provide their own provider
  • Add shared ConversationProvider in CardsDemo for the homepage demo

Test plan

  • Run pnpm dev and verify homepage renders with all voice chat components
  • Test voice-chat-01: text input sends messages, voice call connects/disconnects
  • Test voice-chat-02: voice call connects/disconnects, orb responds to volume
  • Test voice-chat-03: conversation bar connects, messages display, mute toggles
  • Test conversation-bar-demo on its docs page
  • pnpm typecheck passes (only pre-existing [[...slug]] route error)

🤖 Generated with Claude Code

kraenhansen and others added 2 commits March 20, 2026 15:57
- Update @elevenlabs/client and @elevenlabs/react to 1.0.0-rc.1
- Wrap useConversation consumers with ConversationProvider (required in v1)
- Guard getInputVolume/getOutputVolume with try-catch for pre-session calls
- Add NEXT_PUBLIC_ELEVENLABS_AGENT_ID to .env.example

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
…r from ConversationBar

Replace local connection state (agentState, isMuted) with granular hooks
(useConversationStatus, useConversationControls, useConversationInput)
across all conversation components. Remove ConversationProvider from
ConversationBar so it uses whatever provider exists in the tree.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@vercel
Copy link
Copy Markdown
Contributor

vercel bot commented Mar 20, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
ui Error Error Mar 20, 2026 5:29pm

Request Review

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Conversation components now expect a provider from the caller.
The CardsDemo page provides the single shared provider.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@peoray
Copy link
Copy Markdown

peoray commented Mar 20, 2026

are there plans for a Vue alternative for the react package?

It'd be cool to have something to use for Elevenlabs UI Vue

@kraenhansen
Copy link
Copy Markdown
Author

@peoray elevenlabs/packages#434 is the place to subscribe to updates for that and direct your Vue friends to add their "👍"

I see you're already active there 😉 which is great!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants