[BUG] Headings/Quotes plugins not working as expected.

[itzcodex24]

I have added the quotes and headings plugin to my MDX Editor.

        <MDXEditor
          key={note.id}
          markdown={note.content}
          onChange={console.log}
          plugins={[headingsPlugin(), quotePlugin({})]}
        />

When I make a change that starts with # or >, the symbol here gets prefixed with a back slash: \.

This in turn causes the MDX editor to not pickup on the fact that I want to create a new heading or quote.

Additionally, I was able to see that once I typed out # or >, the symbol disappeared, but I still couldn't see the quote styles or the heading styles being applied to the content that followed.

Am I misunderstanding the documentation here or doing something wrong?

I have imported the style.css also.

I am using vite with ReactTS here.

[itzcodex24]

I have also hard coded the markdown content to the following:

        <MDXEditor
          key={note.id}
          markdown={`
          # Hello World   
          > What is up?
          `}
          onChange={(newMarkdown, initialMarkdownNormalize) => {
            console.log({ newMarkdown, initialMarkdownNormalize });
          }}
          plugins={[headingsPlugin(), quotePlugin({})]}
        />

The output still looks normal

[itzcodex24]

Was missing the markdownShortcutPlugin and style issue was due to Tailwind