[BUG]: Template literal not interpolated in SendOperations.js error message

[Sam-61s]

Describe the bug

The error message in SendOperations.js uses ${methodName} inside a string literal (single quotes) instead of a template literal (backticks), causing the variable to not be interpolated. This results in the error message displaying the literal string ${methodName} instead of the actual method name.

Location

File: packages/components/src/components/SendOperations.js
Line: 98

Current Code (Incorrect)

console.error('Error sending ${methodName} message:', error);

[github-actions]

Welcome to AsyncAPI. Thanks a lot for reporting your first issue. Please check out our contributors guide and the instructions about a basic recommended setup useful for opening a pull request.
Keep in mind there are also other channels you can use to interact with AsyncAPI community. For more details check out this issue.

[dosubot]

Hi @Sam-61s! I'm Dosu and I’m helping the generator team.

This bug happens because JavaScript only interpolates variables inside template literals (backticks), not single or double-quoted strings. To fix it, change the error message from:

console.error('Error sending ${methodName} message:', error);

to:

console.error(`Error sending ${methodName} message:`, error);

This will correctly display the actual method name in the error output. The issue is isolated to this line in SendOperations.js—no similar mistakes were found elsewhere in the codebase source.

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}