diff --git a/frontend/src/components/chat/ChatList.tsx b/frontend/src/components/chat/ChatList.tsx
index 267ae8a8..68c2c1a8 100644
--- a/frontend/src/components/chat/ChatList.tsx
+++ b/frontend/src/components/chat/ChatList.tsx
@@ -2,8 +2,6 @@ import styled from 'styled-components';
 import QuestionCard from './QuestionCard';
 import { useEffect, useRef } from 'react';
 
-interface ChatListProps {}
-
 const sampleData = [
   { user: '고양이', message: 'ㅇㅅㅇ', type: 'normal' },
   { user: '강아지', message: 'ㅎㅇㅎㅇ', type: 'normal' },
@@ -23,7 +21,7 @@ function getRandomBrightColor(): string {
   return `hsl(${hue}, ${saturation}%, ${lightness}%)`;
 }
 
-export const ChatList = ({}: ChatListProps) => {
+export const ChatList = () => {
   const chatListRef = useRef<HTMLDivElement | null>(null);
 
   useEffect(() => {
diff --git a/frontend/src/components/chat/ChatQuestionSection.tsx b/frontend/src/components/chat/ChatQuestionSection.tsx
index d919a4a5..7e876abc 100644
--- a/frontend/src/components/chat/ChatQuestionSection.tsx
+++ b/frontend/src/components/chat/ChatQuestionSection.tsx
@@ -2,9 +2,7 @@ import { useState } from 'react';
 import styled from 'styled-components';
 import QuestionCard from './QuestionCard';
 
-interface ChatQuestionSectionProps {}
-
-export const ChatQuestionSection = ({}: ChatQuestionSectionProps) => {
+export const ChatQuestionSection = () => {
   const [expanded, setExpanded] = useState(false);
 
   const toggleSection = () => {
diff --git a/frontend/src/components/chat/ChatRoom.tsx b/frontend/src/components/chat/ChatRoom.tsx
index 63fb27ae..7b26584f 100644
--- a/frontend/src/components/chat/ChatRoom.tsx
+++ b/frontend/src/components/chat/ChatRoom.tsx
@@ -4,9 +4,7 @@ import ChatInput from './ChatInput';
 import ChatList from './ChatList';
 import ChatQuestionSection from './ChatQuestionSection';
 
-interface ChatRoomProps {}
-
-export const ChatRoom = ({}: ChatRoomProps) => {
+export const ChatRoom = () => {
   return (
     <ChatRoomContainer>
       <ChatHeader />
diff --git a/frontend/src/components/chat/LayerPopup.tsx b/frontend/src/components/chat/LayerPopup.tsx
index 3d9b8f5f..01c2ef92 100644
--- a/frontend/src/components/chat/LayerPopup.tsx
+++ b/frontend/src/components/chat/LayerPopup.tsx
@@ -1,8 +1,6 @@
 import styled from 'styled-components';
 
-interface LayerPopupProps {}
-
-export const LayerPopup = ({}: LayerPopupProps) => {
+export const LayerPopup = () => {
   return (
     <LayerPopupContainer>
       <LayerPopupWrapper>
diff --git a/frontend/src/components/chat/NoticeCard.tsx b/frontend/src/components/chat/NoticeCard.tsx
index 77443b9c..af669c39 100644
--- a/frontend/src/components/chat/NoticeCard.tsx
+++ b/frontend/src/components/chat/NoticeCard.tsx
@@ -1,9 +1,7 @@
 import styled from 'styled-components';
 import CloseIcon from '@assets/icons/close.svg';
 
-interface NoticeCardProps {}
-
-export const NoticeCard = ({}: NoticeCardProps) => {
+export const NoticeCard = () => {
   return (
     <NoticeCardContainer>
       <NoticeCardHeader>