Can not render typedoc generated files, generics

[tzezar]

I am trying to generate with typedoc api reference. Generated files looks like this:

[**official v0.0.1**](../README.md)

***

[official](../README.md) / columnGroup

# Function: columnGroup()

> **columnGroup**\<`TOriginalRow`, `TMeta`\>(`__namedParameters`): `GroupColumn`\<`TOriginalRow`\>

Defined in: [column-creation/group-column-creator.ts:12]()

## Type Parameters

• **TOriginalRow**

• **TMeta**

## Parameters

### \_\_namedParameters

`CreateGroupColumnProps`\<`TOriginalRow`, `TMeta`\>

## Returns

`GroupColumn`\<`TOriginalRow`\>

When I try to render .md file from above I got error:

Expected a valid element or component name. Components must have a valid variable name or dot notation expression
https://svelte.dev/e/tag_invalid_name
src/routes/headless/examples/basic/documentation.md:7:33
5 |  <h1 id="function-columngroup">Function: columnGroup()</h1>
  6 |  <blockquote>
  7 |  <p><strong>columnGroup</strong>\<<code>TOriginalRow</code>, <code>TMeta</code>>(<code>__namedParameters</code>): <code>GroupColumn</code>\<<code>TOriginalRow</code>></p>
                                             ^
  8 |  </blockquote>
  9 |  <p>Defined in: <a

Typescript generics are broken. How this can be fixed?

typedoc.json:

{
	"entryPoints": ["src/lib/datagrid"],
	"out": "docs/api",
	"plugin": ["typedoc-plugin-markdown"],
	"theme": "markdown",
	"readme": "none",
	"excludePrivate": true,
	"excludeProtected": true,
	"excludeExternals": true,
	"hideGenerator": true,
	"githubPages": false,
	"cleanOutputDir": true,
	"categorizeByGroup": true,
	"categoryOrder": ["Components", "Stores", "Utilities", "*"],
	"includeVersion": true,
	"pretty": true,
	"skipErrorChecking": true,
}

svelte.config.js

import adapter from '@sveltejs/adapter-node';
import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
import { escapeSvelte, mdsvex } from 'mdsvex';
import { createHighlighter } from 'shiki';
import remarkUnwrapImages from 'remark-unwrap-images';
import remarkToc from 'remark-toc';
import rehypeSlug from 'rehype-slug';
import remarkGfm from 'remark-gfm';

/** @type {import('mdsvex').MdsvexOptions} */
const mdsvexOptions = {
    extensions: ['.svx', '.md'],
    highlight: {
        highlighter: async (code, lang = 'text') => {
            const highlighter = await createHighlighter({
                themes: ['vitesse-dark', 'ayu-dark', 'vitesse-light', 'poimandres'],
                langs: ['javascript', 'typescript', 'svelte', 'json', 'bash']
            });
            await highlighter.loadLanguage('javascript', 'typescript');
            const html = escapeSvelte(
                highlighter.codeToHtml(code, { lang, theme: 'poimandres' })
            );
            return `{@html \`${html}\` }`;
        }
    },
    remarkPlugins: [
        remarkUnwrapImages, 
        [remarkToc, { tight: true }],
        remarkGfm
    ],
    rehypePlugins: [rehypeSlug],
    layout: {
        _: './src/lib/layouts/DefaultLayout.svelte'
    }
};

/** @type {import('@sveltejs/kit').Config} */
const config = {
    extensions: ['.svelte', '.svx', '.md'],
    preprocess: [vitePreprocess(), mdsvex(mdsvexOptions)],
    kit: {
        adapter: adapter(),
        alias: {
            // Your alias configuration
        }
    }
};

export default config;