Hashtag support

[fallingsappy]

I'm trying to add suppot for hashtags and i want them to be highlighted in blue. But my code not working. What is wrong?

index.ts:

import { HashtagNode } from '@lexical/hashtag';
import {
	addActivePlugin$,
	addExportVisitor$,
	addImportVisitor$,
	addLexicalNode$,
	realmPlugin,
} from '@mdxeditor/editor';

import { LexicalHashtagVisitor } from './LexicalHashtagVisitor';
import { MdastHashtagVisitor } from './MdastHashtagVisitor';

/**
 * A plugin that adds support for hashtags to the editor.
 * @group Hashtag
 */
export const hashtagPlugin = realmPlugin({
	init: realm => {
		realm.pubIn({
			[addActivePlugin$]: `hashtag`,
			[addImportVisitor$]: MdastHashtagVisitor,
			[addLexicalNode$]: HashtagNode,
			[addExportVisitor$]: LexicalHashtagVisitor,
		});
	},
});

LexicalHashtagVisitor.ts:

import { $isHashtagNode, type HashtagNode } from '@lexical/hashtag';
import { type LexicalExportVisitor } from '@mdxeditor/editor';
import type * as Mdast from 'mdast';

export const LexicalHashtagVisitor: LexicalExportVisitor<HashtagNode, Mdast.Text> = {
	testLexicalNode: $isHashtagNode,
	visitLexicalNode: ({ lexicalNode, mdastParent, actions }) => {
		console.log('Visiting lexical hashtag node:', lexicalNode); // Лог для отладки
		const hashtagText: Mdast.Text = { type: `text`, value: lexicalNode.getTextContent() };
		actions.appendToParent(mdastParent, hashtagText);
	},
};

MdastHashtagVisitor.ts:

import { $createHashtagNode } from '@lexical/hashtag';
import { type MdastImportVisitor } from '@mdxeditor/editor';
import type * as Mdast from 'mdast';

export const MdastHashtagVisitor: MdastImportVisitor<Mdast.Text> = {
	testNode: `text`,
	visitNode: ({ mdastNode, actions }) => {
		console.log('Visiting node:', mdastNode);
		if (mdastNode.value.startsWith(`#`)) {
			console.log('Hashtag detected:', mdastNode.value); // Логируем хештег
			actions.addAndStepInto($createHashtagNode(mdastNode.value));
		}
	},
};