functionality implemented

1 files changed, 3 insertions, 3 deletions

diff --git a/src/components/notes.jsx b/src/components/notes.jsx
index 027cd10..5f57b7f 100644
--- a/src/components/notes.jsx
+++ b/src/components/notes.jsx
@@ -5,8 +5,8 @@ import { AppContext } from "../App";
 export default function Notes() {
     const { messages } = useContext(AppContext);
     return (<>
-        {messages.map((chatbubble, index) => 
-            <ChatBubble key={index} position={chatbubble.position} text={chatbubble.message}/>
-        )}
+        {messages.map((chatbubble) =>  {
+            return <ChatBubble key={chatbubble._id.$oid} id={chatbubble._id.$oid} position={chatbubble.position} text={chatbubble.message}/>;
+        })}
     </>);
 }