Update Sidebar.tsx

parthikjadav · Nov 26, 2024 · e92bb40 · e92bb40
1 parent afd5e8c
commit e92bb40
Showing 1 changed file with 3 additions and 2 deletions.
diff --git 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>