Girhub flavored markdown (GFM) nort работает в плагине React Markdown

Question

Я пытаюсь реализовать следующий редактор js с помощью ReactMarkdown. Я использовал плагин репликации gfm, но он не работает

      import React, { useContext } from 'react';
import editorContext from './editorContext';
import dynamic from 'next/dynamic';
const ReactMarkdown = dynamic(() => import('react-markdown'), { ssr: false })
const gfm = dynamic(() => import('remark-gfm'), { ssr: false })

import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';

const Theme = dynamic(() => import('react-syntax-highlighter/dist/esm/styles/prism'), { ssr: false })

export default function MarkdownResult() {
    const { markdownText } = useContext(editorContext);
    return (
        <div>
            <h1>Converted Text</h1>
            <ReactMarkdown plugins={[gfm]} className="prose prose" components={{
                code({ node, inline, className, children, ...props }) {
                    const match = /language-(\w+)/.exec(className || '')
                    return !inline && match ? (
                        <SyntaxHighlighter
                            children={String(children).replace(/\n$/, '')}
                            style={Theme.dark}
                            language={match[1]}
                            PreTag="div"
                            {...props}
                        />
                    ) : (
                        <code className={className} {...props}>
                            {children}
                        </code>
                    )
                }
            }} >

                {markdownText}</ReactMarkdown>
        </div>
    )
}

Я использую gfm в качестве динамического импорта, иначе выдает ошибку в браузере. то же самое касается уценки реакции.

заранее спасибо