I'm trying to implement a talks.js library to create chat on react I follow all steps that show up here https://talkjs.com/docs/Getting_Started/Frameworks/React/ but it's not working, I don't know what I'm missing up

I'm exporting this component below and importing in home component

import { useRef } from 'react';
import Talk from 'talkjs';

const UserChat = () => {

const talkjsContainer = useRef('root');
// const currentUser = this.props.currentUser;
    useEffect(() => {
      Talk.ready.then(( ) => {

        var me = new Talk.User({
            id: '123456',
            name: 'Alberto',
            email: 'alice@example.com',
            photoUrl: 'https://demo.talkjs.com/img/alice.jpg',
            welcomeMessage: 'Hey there! How are you? :-)',
        });

        window.talkSession = new Talk.Session({
            appId: 'tUOOCMxO',
            me: me,
          });


          var other = new Talk.User({
            id: '654321',
            name: 'Sebastian',
            email: 'Sebastian@example.com',
            photoUrl: 'https://demo.talkjs.com/img/sebastian.jpg',
            welcomeMessage: 'Hey, how can I help?',
            role: 'default',
          });
        
          var conversation = window.talkSession.getOrCreateConversation(
            Talk.oneOnOneId(me, other)
          );
        
          conversation.setParticipant(me);
          conversation.setParticipant(other);

          var inbox = window.talkSession.createInbox();
          inbox.select(conversation);

       
          inbox.mount(talkjsContainer.current)

      });
    }, []);

    
        return(
            
            <div ref={talkjsContainer}></div>
        ) 
        
    

}

export default UserChat;