installHook.js:1 Warning: Encountered two children with the same key, msg_2. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted — the behavior is unsupported and could change in a future version. Error Component Stack

[VampireZc]

chat组件是公用组件，在内嵌引用里面开始对话，点击跳转全屏之后接着对话，全屏的消息生成id会重复，造成输出时候，已经回复完成的消息再次加载。请问有遇到这种情况吗？

[dosubot[bot]]

Hi @VampireZc! I'm Dosu and I’m helping the x team.

这个问题在社区中是已知的，主要原因是 chat 组件内部用 useRef 生成消息 id（如 msg_0, msg_1），而这个计数器在每次 useXChat hook 重挂载（比如从内嵌跳转到全屏）时会重置，导致新旧消息 id 重复，React 渲染时就会报 key 重复的警告，甚至导致消息重复加载或丢失 参考。

常见的解决办法有：

1. 确保 embedded 和 fullscreen 模式共用同一个 conversationKey，这样消息状态和 id 计数器会同步，不会重复 参考。
2. 如果有历史消息恢复（setMessages），要同步更新 idRef.current，比如 idRef.current = messages.length;，避免新消息 id 从 0 开始 参考。
3. 恢复历史消息时去掉 id 字段，让系统自动分配唯一 id（如 preset-xxx），这样不会和新消息冲突 参考。
4. 升级到最新版 ant-design/x（>=2.1.0），很多重复消息和 key 问题已被修复 参考。

如果还有问题，建议检查 setMessages、消息 id 生成逻辑，以及 conversationKey 是否一致。这样可以彻底避免 key 重复和消息重复渲染。

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}