From e92bb40a24f7c7d0c4452aa6c8a95ce28a874a03 Mon Sep 17 00:00:00 2001
From: parthikjadav <149650443+parthikjadav@users.noreply.github.com>
Date: Tue, 26 Nov 2024 13:03:50 +0530
Subject: [PATCH] Update Sidebar.tsx

---
 library/src/containers/Sidebar/Sidebar.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/library/src/containers/Sidebar/Sidebar.tsx b/library/src/containers/Sidebar/Sidebar.tsx
index 52c74a849..66746ff21 100644
--- a/library/src/containers/Sidebar/Sidebar.tsx
+++ b/library/src/containers/Sidebar/Sidebar.tsx
@@ -38,10 +38,11 @@ export const Sidebar: React.FunctionComponent = () => {
       </a>
       <ul className="text-sm mt-2">
         {messages.map((message, index) => (
-          <li key={`menu-message-list-${message.name() ?? index}`}>
+           <li key={`menu-message-list-${message.name() ?? index}`}>
+          {/*  fixed the message.name() to message.id() to fix undifined name  */}
             <a
               className="flex break-words no-underline text-gray-700 mt-2 hover:text-gray-900"
-              href={`#message-${message.name()}`}
+              href={`#message-${message.id()}`}
               onClick={() => setShowSidebar(false)}
             >
               <div className="break-all inline-block">{message.id()}</div>