React Component

[enri90]

hi, how can i view react components in mdx document via editor?

#title page

Error: no MdastImportVisitor found for html {"type":"html","value":"<Cta />","position":{"start":{"line":3,"column":1,"offset":32},"end":{"line":3,"column":8,"offset":39}}}
    at visit3 (importMarkdownToLexical.js:31:13)
    at importMarkdownToLexical.js:21:43
    at Array.forEach (<anonymous>)
    at Object.visitChildren (importMarkdownToLexical.js:21:24)
    at Object.visitNode (MdastRootVisitor.js:4:13)
    at visit3 (importMarkdownToLexical.js:35:13)
    at importMdastTreeToLexical (importMarkdownToLexical.js:60:3)
    at importMarkdownToLexical (importMarkdownToLexical.js:13:3)
    at index.js:153:5
    at LexicalComposer.dev.js:123:15

Uncaught Error: no MdastImportVisitor found for html {"type":"html","value":"<figure><img src=\"https://images.unsplash.com/photo-1556740758-90de374c12ad?ixlib=rb-1.2.1&amp;ixid=eyJhcHBfaWQiOjEyMDd9&amp;auto=format&amp;fit=crop&amp;w=1000&amp;q=80\" alt=\"\"><figcaption><p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin\nliterature from 45 BC, making it over 2000 years old.</p></figcaption></figure>","position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":2,"column":80,"offset":382}}}
    at o (193-56fc3f1cd1600673.js:20:399409)
    at 193-56fc3f1cd1600673.js:20:399290
    at Array.forEach (<anonymous>)
    at Object.i [as visitChildren] (193-56fc3f1cd1600673.js:20:399279)
    at Object.visitNode (193-56fc3f1cd1600673.js:20:407341)
    at o (193-56fc3f1cd1600673.js:20:399493)
    at ex (193-56fc3f1cd1600673.js:20:399752)
    at eb (193-56fc3f1cd1600673.js:20:399083)
    at 193-56fc3f1cd1600673.js:20:409207
    at n0 (193-56fc3f1cd1600673.js:5:101253)

[petyosi]

The JSX plugin is what you need. Notice that it won't "show" the components - you need to implement an editor for them, up to your requirements.