diff --git a/frontend/components/collab/chat.tsx b/frontend/components/collab/chat.tsx
index 6c867bfa55..a8ac4afc1a 100644
--- a/frontend/components/collab/chat.tsx
+++ b/frontend/components/collab/chat.tsx
@@ -6,10 +6,7 @@ import { Input } from "@/components/ui/input";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import { ScrollArea } from "@/components/ui/scroll-area";
-import { Send, Play, HelpCircle, X } from "lucide-react";
-import { set } from "zod";
-
-const chatTarget: string[] = ["partner", "ai"];
+import { Send } from "lucide-react";
 
 export default function Chat() {
   const [chatTarget, setChatTarget] = useState<string>("partner");
@@ -59,8 +56,8 @@ export default function Chat() {
           <TabsContent value="partner" className="h-full">
             <ScrollArea className="h-[calc(70vh-280px)]">
               <div className="pr-4 space-y-2">
-                {partnerMessages.map((msg) => (
-                  <div>{msg}</div>
+                {partnerMessages.map((msg, index) => (
+                  <div key={index}>{msg}</div>
                 ))}
                 <div ref={lastMessageRef} />
               </div>
@@ -69,8 +66,8 @@ export default function Chat() {
           <TabsContent value="ai" className="h-full">
             <ScrollArea className="h-[calc(70vh-280px)]">
               <div className="pr-4 space-y-2">
-                {aiMessages.map((msg) => (
-                  <div>{msg}</div>
+                {aiMessages.map((msg, index) => (
+                  <div key={index}>{msg}</div>
                 ))}
                 <div ref={lastMessageRef} />
               </div>
diff --git a/frontend/components/collab/code-editor.tsx b/frontend/components/collab/code-editor.tsx
index a2c02fd7ae..8913985cf2 100644
--- a/frontend/components/collab/code-editor.tsx
+++ b/frontend/components/collab/code-editor.tsx
@@ -1,11 +1,9 @@
 "use client";
 
-import React, { useState, useEffect, useRef } from "react";
+import React, { useState } from "react";
 import {
   Card,
   CardContent,
-  CardDescription,
-  CardFooter,
   CardHeader,
   CardTitle,
 } from "@/components/ui/card";
diff --git a/frontend/components/collab/collab-room.tsx b/frontend/components/collab/collab-room.tsx
index 86f185a7b3..31f1521c95 100644
--- a/frontend/components/collab/collab-room.tsx
+++ b/frontend/components/collab/collab-room.tsx
@@ -1,11 +1,11 @@
-import React, { useState, useEffect, useRef } from "react";
+import React  from "react";
 import { Button } from "@/components/ui/button";
 import { X } from "lucide-react";
 import Chat from "./chat";
 import CodeEditor from "./code-editor";
 import QuestionDisplay from "./question-display";
 
-export default function CollabRoom({ roomId }: { roomId: String }) {
+export default function CollabRoom({ roomId }: { roomId: string }) {
   return (
     <div className="h-full flex flex-col mx-4 p-4">
       <header className="flex justify-between border-b">
diff --git a/frontend/components/collab/question-display.tsx b/frontend/components/collab/question-display.tsx
index 4c89de876a..660da02457 100644
--- a/frontend/components/collab/question-display.tsx
+++ b/frontend/components/collab/question-display.tsx
@@ -1,4 +1,4 @@
-import React, { useState, useEffect, useRef } from "react";
+import React from "react";
 import {
   Card,
   CardContent,
@@ -7,7 +7,7 @@ import {
   CardTitle,
 } from "@/components/ui/card";
 import { Badge } from "@/components/ui/badge";
-import { Question } from "@/lib/schemas/question-schema";
+// import { Question } from "@/lib/schemas/question-schema";
 
 const difficultyColors = {
   Easy: "bg-green-500",
@@ -15,8 +15,8 @@ const difficultyColors = {
   Hard: "bg-red-500",
 };
 
-export default function QuestionDisplay({ question }: { question: Question }) {
-  return (
+// export default function QuestionDisplay({ question }: { question: Question }) {
+//   return (
     // <Card className="flex-shrink-0">
     //   <CardHeader>
     //     <CardTitle>{question.title}</CardTitle>
@@ -31,7 +31,8 @@ export default function QuestionDisplay({ question }: { question: Question }) {
     //     <p>{question.description}</p>
     //   </CardContent>
     // </Card>
-
+export default function QuestionDisplay() {
+  return (
     <Card className="flex-shrink-0">
       <CardHeader>
         <CardTitle>Placeholder Title</CardTitle>