Estoy tratando de implementar una biblioteca talks.js para crear un chat al reaccionar. Sigo todos los pasos que aparecen aquí https://talkjs.com/docs/Getting_Started/Frameworks/React/ pero no funciona, no lo sé. lo que me estoy perdiendo

Estoy exportando este componente a continuación e importando en el componente de inicio

 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;