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;