123

app/components/Message.tsx

@@ -11,7 +11,7 @@ const Message: React.FC<MessageProps> = ({ message, isLast = false }) => {
   const isUser = message.sender === 'user';
   const theme = useTheme();
   const isMobile = useMediaQuery(theme.breakpoints.down('sm'));
-  const paperRef = useRef<HTMLDivElement>(null);
+  const paperRef = useRef(null);
   
   // 计算气泡的borderRadius
   const borderRadius = isUser 
@@ -20,7 +20,6 @@ const Message: React.FC<MessageProps> = ({ message, isLast = false }) => {
 
   return (
     <Box 
-      key={message.id} 
       display="flex" 
       marginBottom={2} 
       justifyContent={isUser ? "flex-end" : "flex-start"}