Is it possible to use in React Native?

[thecoorum]

Hey! I was just wondering is it possible to use the React package in React Native?

[omegabyte]

+1

currently is not possible due to charpeni/react-native-url-polyfill#284

[jotaseme]

any updates on this? I am facing the exact same issue. Thanks!

[thorwebdev]

We're currently looking into various ways to support React Native. We will keep you posted here. To help us, could y'all add some more information on your use cases and setup please? E.g. are you looking to use this within a webview, are you building with Expo etc. This will help us build the right solution. Thank you!

[jotaseme]

In my case, I am building a react native (expo) app. When I was about to try the package in a ios simulator I faces this error: Error: Cannot create URL for blob.

[farzd]

@thorwebdev Expo app,
Cannot create URL for blob is actually coming from the conversation hook [and not when you create a signed url - this is working fine with fetch]

import { useConversation } from '@11labs/react';

  const conversation = useConversation({
    onConnect: () => console.log('Connected'),
    onDisconnect: () => console.log('Disconnected'),
    onMessage: (message) => console.log('Message:', message),
    onError: (error) => console.error('Error:', error),
  });

[thorwebdev]

Thanks y'all for your patience. One approach for cross-platform conversational AI agents with React Native is using Expo DOM components.

I'm working on a detailed cookbook for this, but if you're keen, you can dig into the WIP example here

Can see a demo here: https://x.com/thorwebdev/status/1897698104411144470

[thorwebdev]

We have added a cookbook for the Expo DOM components approach.