Can somebody please share to how get React-Markdown to work with remark plugins my markdown componen...

# javascript

[Cheick Kante]

Can somebody please share to how get React-Markdown to work with remark plugins
my markdown component looks like this

@file:JsModule("react-markdown")
@file:JsNonModule
package <http://components.blog|components.blog>


import react.ComponentClass
import react.Props
import react.PropsWithChildren

@JsName("default")
external val ReactMarkdown: ComponentClass<MarkdownProps>

external interface MarkdownProps : PropsWithChildren{
    var remarkPlugins : Array<dynamic> 
}

and my remark file looks like

@file:JsModule("remark-gfm")
@file:JsNonModule

package <http://components.blog|components.blog>

@JsName("default")
external val RemarkGfm: dynamic

and I hook them up as below, I get the rendered content however remark does not get applied.

ReactMarkdown {
    remarkPlugins = arrayOf(RemarkGfm)

    +content
}

[turansky]

Declarations looks fine (except missed Plugin interface)
React virtual DOM check via dev tools will be helpful in this case

[Cheick Kante]

I'm getting this error via chrome dev tools
Uncaught TypeError: Cannot read properties of undefined (reading 'data')
at remarkGfm (index.js:15:1)

This the file, but I don't understand what and how to set this data property

.
...export default function remarkGfm(options = {}) {
const data = this.data()

add('micromarkExtensions', gfm(options))
add('fromMarkdownExtensions', gfmFromMarkdown())
add('toMarkdownExtensions', gfmToMarkdown(options))....