markdown not working in hover content in lsp

Question

Markdown content is not showing up in hover content in lsp.

code:

connection.onHover((params) => {
    return {
        contents: [
            {
                language: "lc",
                kind: MarkupKind.Markdown,
                value: `# Header, **bold**`,
            },
        ],
    };
});

But it does shows up when used from vscode extension api

code:

vscode.languages.registerHoverProvider("lc", {
        provideHover(document, position) {
                return new vscode.Hover(
                    new vscode.MarkdownString(`# Header, **bold**`)
                );        
        },
});

Answer 1

I have found the solution to it. I just had to declare a variable with MarkupContent type and then return it.

connection.onHover((params) => {
    const content: MarkupContent = {
        kind: MarkupKind.Markdown,
        value: `**hello**`,
    };

    return {
        contents: content,
    };
});