tencentcloud/chat-uikit-react

Build In-App Chat & Audio/Video Call & Live Streaming in minutes with UIKit components for React

chat-uikit-react's Issues

前端做离线数据了吗，是用什么做的？

前端的一些数据需要存储在本地，你们是怎么做的？

npm run build报错

node16和20都这样

提示重复登陆，userID 从哪获取呢

聊天中上传的文件，再次下载文件时文件名编码，不是原始的文件名

下载的文件名称不是原始的文件名

聊天上传一张图片，再发一行文字,会一起删除

先上传一张图片，再发送一行文字，点击删除图片，底下的文字也会一起删掉。

npm run build 报错

node 16 node 14 都试了，根本无法build，真是无语了

chat-uikit-react 聊天的历史消息偶尔会丢失

在聊天群中，会偶尔查不到历史的消息

1

npm run dev报错

运行环境：
macos m1 版本 13.3.1
nodejs版本 v18.15.0

复现：
git clone https://github.com/TencentCloud/chat-uikit-react
cd chat-uikit-react
npm install && cd examples/sample-chat && npm install
npm run start

报错截图:

demo 出现以下错误

ant design pro 接入demo时，报以下错误

Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null.

import React, { useEffect, useState } from 'react';
import { TUIKit } from '@tencentcloud/chat-uikit-react';
import '@tencentcloud/chat-uikit-react/dist/cjs/index.css';
import TIM, { ChatSDK } from 'tim-js-sdk/tim-js-friendship';
import TIMUploadPlugin from 'tim-upload-plugin';


const init = async () => {
   return new Promise((resolve, reject) => {
      const tim = TIM.create({ SDKAppID: 0 });
      tim?.registerPlugin({ 'tim-upload-plugin': TIMUploadPlugin });
      const onReady = () => { resolve(tim); };
      tim.on(TIM.EVENT.SDK_READY, onReady);
      tim.login({
         userID: 'xxx',
         userSig: 'xxx',
      });
   });
}

export function SampleChat() {
   const [tim, setTim] = useState<ChatSDK>();
   useEffect(() => {
      (async ()=>{
         const tim = await init()
         setTim(tim)
      })()
   }, [])

   return (
           <div style={{height: '100vh',width: '100vw'}}>
              <TUIKit tim={tim}></TUIKit>
           </div>
   );
}

web端如何在聊天群中使用@功能

在web端的聊天群中， 如何@某人

怎么设置语言啊

刷新就会切换用户

能不能做一个缓存保持用户

process.env throw an error when searching to add a contact

It's not working when searching to add a contact using Vite.

Error:

useConversationCreate.js:1 Uncaught (in promise) ReferenceError: process is not defined
    at useConversationCreate.js:1:2258
    at step (tslib.es6.mjs:147:21)
    at Object.next (tslib.es6.mjs:128:51)
    at fulfilled (tslib.es6.mjs:118:56)
(anonymous) @ useConversationCreate.js:1
step @ tslib.es6.mjs:147
(anonymous) @ tslib.es6.mjs:128
fulfilled @ tslib.es6.mjs:118
Promise.then (async)
step @ tslib.es6.mjs:120
(anonymous) @ tslib.es6.mjs:121
__awaiter @ tslib.es6.mjs:117
onChange @ ConversationCreateUserSelectList.js:1
onChange @ Input.js:1
callCallback2 @ react-dom.development.js:4164
invokeGuardedCallbackDev @ react-dom.development.js:4213
invokeGuardedCallback @ react-dom.development.js:4277
invokeGuardedCallbackAndCatchFirstError @ react-dom.development.js:4291
executeDispatch @ react-dom.development.js:9041
processDispatchQueueItemsInOrder @ react-dom.development.js:9073
processDispatchQueue @ react-dom.development.js:9086
dispatchEventsForPlugins @ react-dom.development.js:9097
(anonymous) @ react-dom.development.js:9288
batchedUpdates$1 @ react-dom.development.js:26140
batchedUpdates @ react-dom.development.js:3991
dispatchEventForPluginEventSystem @ react-dom.development.js:9287
dispatchEventWithEnableCapturePhaseSelectiveHydrationWithoutDiscreteEventReplay @ react-dom.development.js:6465
dispatchEvent @ react-dom.development.js:6457
dispatchDiscreteEvent @ react-dom.development.js:6430

chat-uikit-react/src/components/ConversationCreate/hooks/useConversationCreate.tsx

Line 91 in 5f20ac5

if (process.env?.REACT_APP_ONLINE === 'TencentCloudDemo') {

There is only import.meta.env as I'm using Vite. And the process.env would have error and crash this functionality to add contact.

However, I have to pre define a process before use chat-uikit-react to make it works:

globalThis.process = globalThis.process || {}

chat-uikit-react 没有聊天群功能

在聊天中没有 聊天群的列表