From 0af66f8b72320b67b1a573d6a02f8ef2d2eee141 Mon Sep 17 00:00:00 2001
From: WanQuanXie <i2cherry941219@gmail.com>
Date: Wed, 8 May 2024 09:57:11 +0800
Subject: [PATCH] fix(Chat): list map element must specify a unique key

---
 ui/components/Chat.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/ui/components/Chat.tsx b/ui/components/Chat.tsx
index 294520b..ddd2957 100644
--- a/ui/components/Chat.tsx
+++ b/ui/components/Chat.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import { useEffect, useRef, useState } from 'react';
+import { Fragment, useEffect, useRef, useState } from 'react';
 import MessageInput from './MessageInput';
 import { Message } from './ChatWindow';
 import MessageBox from './MessageBox';
@@ -53,7 +53,7 @@ const Chat = ({
         const isLast = i === messages.length - 1;
 
         return (
-          <>
+          <Fragment key={msg.id}>
             <MessageBox
               key={i}
               message={msg}
@@ -67,7 +67,7 @@ const Chat = ({
             {!isLast && msg.role === 'assistant' && (
               <div className="h-px w-full bg-[#1C1C1C]" />
             )}
-          </>
+          </Fragment>
         );
       })}
       {loading && !messageAppeared && <MessageBoxLoading />}