Merge pull request #1 from parthikjadav/async-api-issue-#1109-1

Update Sidebar.tsx
parthikjadav · Nov 26, 2024 · 41f5bad · 41f5bad
2 parents afd5e8c + e92bb40
commit 41f5bad
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>