From 30298f116650f823c062280cf48ece35e374e03d Mon Sep 17 00:00:00 2001
From: d0422 <rlfehd2013@naver.com>
Date: Fri, 10 Nov 2023 15:46:40 +0900
Subject: [PATCH] =?UTF-8?q?chore:=20state=20=EC=9D=B4=EB=A6=84,=20setState?=
 =?UTF-8?q?=ED=95=A8=EC=88=98=EC=9D=B4=EB=A6=84=20=EB=B3=80=EA=B2=BD=20str?=
 =?UTF-8?q?eam,=20setStream=EC=97=90=EC=84=9C=20streamList,=20setStreamLis?=
 =?UTF-8?q?t=EB=A1=9C=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontEnd/src/pages/Room.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontEnd/src/pages/Room.tsx b/frontEnd/src/pages/Room.tsx
index a18a3c9..4aed3e4 100644
--- a/frontEnd/src/pages/Room.tsx
+++ b/frontEnd/src/pages/Room.tsx
@@ -16,7 +16,7 @@ function StreamVideo({ stream }: { stream: MediaStream }) {
 
 export default function Room() {
   const videoRef = useRef<HTMLVideoElement>(null);
-  const [stream, setStream] = useState<StreamObject[]>([]);
+  const [streamList, setStreamList] = useState<StreamObject[]>([]);
   const { roomId } = useParams();
 
   useEffect(() => {
@@ -27,7 +27,7 @@ export default function Room() {
       .then((video) => {
         (videoRef.current as HTMLVideoElement).srcObject = video;
         streamModel.subscribe(() => {
-          setStream(() => streamModel.getStream());
+          setStreamList(() => streamModel.getStream());
         });
         const socket = createSocket(video);
         socket.connect();
@@ -40,8 +40,8 @@ export default function Room() {
   return (
     <div>
       <video ref={videoRef} muted autoPlay />
-      {stream.map((item) => {
-        return <StreamVideo key={item.id} stream={item.stream} />;
+      {streamList.map(({ id, stream }) => {
+        return <StreamVideo key={id} stream={stream} />;
       })}
     </div>
   );