From 7d1ad57cfbf322c6685ab9e2ccaabfa81135c37a Mon Sep 17 00:00:00 2001
From: Spencer Lochne <spencer.lochne@gmail.com>
Date: Tue, 10 Jun 2025 12:29:23 -0400
Subject: [PATCH] 11i Solution

---
 .../{ChatMessages.jsx => ChatMessages.tsx}           | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)
 rename 2-copy-of-code/lesson-11/chatbot-project/src/components/{ChatMessages.jsx => ChatMessages.tsx} (71%)

diff --git a/2-copy-of-code/lesson-11/chatbot-project/src/components/ChatMessages.jsx b/2-copy-of-code/lesson-11/chatbot-project/src/components/ChatMessages.tsx
similarity index 71%
rename from 2-copy-of-code/lesson-11/chatbot-project/src/components/ChatMessages.jsx
rename to 2-copy-of-code/lesson-11/chatbot-project/src/components/ChatMessages.tsx
index 389fd81..c6fa080 100644
--- a/2-copy-of-code/lesson-11/chatbot-project/src/components/ChatMessages.jsx
+++ b/2-copy-of-code/lesson-11/chatbot-project/src/components/ChatMessages.tsx
@@ -2,8 +2,16 @@ import { useRef, useEffect } from 'react'
 import { ChatMessage } from './ChatMessage';
 import './ChatMessages.css';
 
-function ChatMessages({ chatMessages }) {
-  const chatMessagesRef = useRef(null);
+type ChatMessagesProps = {
+  chatMessages: {
+    id: string;
+    message: string;
+    sender: string;
+  }[];
+};
+
+function ChatMessages({ chatMessages }: ChatMessagesProps) {
+  const chatMessagesRef = useRef<HTMLDivElement>(null);
 
   useEffect(() => {
     const containerElem = chatMessagesRef.current;