diff --git a/src/pages/userpage/MessageDetail.jsx b/src/pages/userpage/MessageDetail.jsx
index 0f6a481..066d6cc 100644
--- a/src/pages/userpage/MessageDetail.jsx
+++ b/src/pages/userpage/MessageDetail.jsx
@@ -29,6 +29,10 @@ const MessageDetail = () => {
     userA = localStorage.getItem("localReceiverId")
   }
 
+  const [messages, setMessages] = useState([]);
+
+  const [newMessage, setNewMessage] = useState("");
+  
   useEffect(() => {
     const messageList = async () => {
       try {
@@ -60,10 +64,6 @@ const MessageDetail = () => {
   }, [messages]);
 
 
-  const [messages, setMessages] = useState([]);
-
-  const [newMessage, setNewMessage] = useState("");
-
   const handleSendMessage = async() => {
     console.log(itemId, itemType, receiverId, newMessage)
     //let newReceiverId = senderId;