feat: update to parser API v3

components/Message.js

@@ -13,8 +13,7 @@ export function Message({ message }) { // NOSONAR
     return null;
   }
 
-  // check typeof as fallback for older version than `2.4.0`
-  const messageId = typeof message.messageId === 'function' && message.messageId();
+  const messageId = message.id();
   const headers = message.headers();
   const payload = message.payload();
   const correlationId = message.correlationId();
@@ -26,7 +25,7 @@ export function Message({ message }) { // NOSONAR
   if (message.title()) {
     header += ` ${message.title()}`;
   }
-  const id = message.messageId() || message.name() || message.id();
+  const id = message.name() || messageId;
   if (id) {
     header += ` \`${id}\``;
   }

package.json

@@ -42,7 +42,7 @@
   },
   "devDependencies": {
     "@asyncapi/cli": "^0.60.1",
-    "@asyncapi/parser": "^3.0.0-next-major-spec.3",
+    "@asyncapi/parser": "^3.0.0-next-major-spec.11",
     "@babel/preset-env": "^7.15.8",
     "@babel/preset-react": "^7.14.5",
     "@types/react": "^18.2.18",

test/components/Message.test.js

@@ -138,9 +138,9 @@ describe('Message component', () => {
           }
         }
       ]
-    });
+    }, { id: 'UserSignup Message Id' });
     const expected = `
-#### Message User signup \`UserSignup Message Id\`
+#### Message User signup \`UserSignup\`
 
 *Action to sign a user up.*
 

test/components/Operations.test.js

@@ -918,7 +918,6 @@ A longer description of the message
                 }
               },
               SomeMessage2: {
-                messageId: 'SomeMessage2',
                 description: 'A longer description of the message',
                 payload: {
                   type: 'object',