Var connection = new JitsiMeetJS.JitsiConnection(null, null, options); Failing to establish connection via react app

I am trying to create custom UI in react using lib-jitsi-meet api.
For this is have followed https://github.com/jitsi/lib-jitsi-meet/blob/master/doc/API.md documentation and passing.

Code Snippet:-
window.JitsiMeetJS.init();

var options={

    serviceUrl:'//jitsi-meet.example.com/http-bind',

    hosts: {

        // XMPP domain.

        domain: 'jitsi-meet.example.com',

        anonymousdomain: 'guest.example.com',

        muc: 'conference.jitsi-meet.example.com'

    },

    useStunTurn: true

}

var connection = new window.JitsiMeetJS.JitsiConnection(null, null,options);

Please if anyone can guide me in the direction on how to how to establish the connection with custom UI in react that would be really helpful.
Or could briefly explain the structure and different components in lib-jitsi-meet would really appreciate.

Screenshot (92)

1 Like

A great example of an app doing what you want to do is jitsi-meet, you have a working example.
I’m not so familiar with the react specifics but try searching jitisi-meet, there are some polyfills there maybe you are missing some of those(or they were just for react-native, I’m not sure) … yeah check jitsi-meet and get examples from it, it is a react app using lib-jitsi-meet.