Update src/components/ChatInterface.tsx

src/components/ChatInterface.tsx

@@ -1,4 +1,4 @@
-import { useState, useRef, useEffect } from 'react';
+import { useState, useRef, useEffect, type ReactNode } from 'react';
 import { Send, MessageCircle, Settings, Search, BarChart3, User, Bot, Sparkles, HelpCircle, Moon, Sun, Globe, Database, BookOpen, Crown, Zap, Menu, ChevronLeft, ChevronRight, ThumbsUp, ThumbsDown, MessageSquare } from 'lucide-react';
 import { Button } from './ui/button';
 import { Input } from './ui/input';
@@ -14,7 +14,7 @@ interface ChatMessage {
   isUser: boolean;
   timestamp: Date;
   isPlusResponse?: boolean;
-  sources?: Array<{ name: string; icon: JSX.Element; url?: string }>;
+  sources?: Array<{ name: string; icon: ReactNode; url?: string }>;
 }
 
 export function ChatInterface() {
@@ -25,7 +25,7 @@ export function ChatInterface() {
   const [isDarkMode, setIsDarkMode] = useState(false);
   const [isUnivAiPlusMode, setIsUnivAiPlusMode] = useState(false);
   const [hasUsedPlusResponse, setHasUsedPlusResponse] = useState(false);
-  const [currentSources, setCurrentSources] = useState<Array<{ name: string; icon: JSX.Element; url?: string }>>([]);
+  const [currentSources, setCurrentSources] = useState<Array<{ name: string; icon: ReactNode; url?: string }>>([]);
   const [showFeedback, setShowFeedback] = useState(false);
   const [feedbackType, setFeedbackType] = useState<'positive' | 'negative' | null>(null);
   const [feedbackComment, setFeedbackComment] = useState('');
@@ -769,4 +769,4 @@ export function ChatInterface() {
       </Sheet>
     </div>
   );
-}
+}