Issue using Whereby as a web component in an Angular application

[felicioandre]

Hi team,

I'm facing an issue while trying to incorporate the Whereby browser-sdk into my Angular application as a web component.

I'm importing it using the following syntax: import '@whereby.com/browser-sdk/embed';

However, my bundler is throwing an error indicating that React is not installed. I find this odd since web components are supposed to be self-contained, and this dependency shouldn't be required.

I've attached a screenshot of the error for your reference.

Could you please provide some guidance on how to resolve this issue? I've ensured that all necessary dependencies are installed and configured correctly.

Thank you for your assistance.

[thyal]

Hello. This is strange. I just tested in a new angular app and the latest version of browser-sdk, and I don't see this error. The room loads without any errors or warnings. Can you provide a bit more information on your setup? Which version of angular and which version of the browser-sdk are you using? Any code sample would help as well! Thanks

[felicioandre]

Sure, I can provide that:

Angular version: 17.2.0
@whereby.com/browser-sdk version: 3.10.9

On my main.ts file, I added the code to import the component: import "@whereby.com/browser-sdk/embed"

At the module of the current page, I added the CUSTOM_ELEMENTS_SCHEMA to schemas array:

And I inserted the <whereby-embed ...></whereby-embed> web component tag into my html:

But when I start my local server with ng serve, the error appears on terminal: