CodeBlock issues

Hi there, awesome light little library 😃

I’ve identified a few issues with code blocks, they are as follows:

• overrides code does not differentiate between the 3 code types internally, should be able to render differently based on the type of code node
• code blocks with 3 tick mark render as inlineCode if not preceded by two new lines

[trulyronak]

Bump on this issue — markdown still renders CodeBlock content for inline code elements

[CodyCline]

One workaround is to create your code block with a highlighter of your choice (I used prismjs) and add it to the overrides as a custom component. I did this and it a allowed me to have a custom code blocks and an inline code that work nicely together.

Within markdown, All I had to do was call the codeblock like this <MyCodeBlock> and use inline code like this `code` . This may not be the best solution for everyone, but it suits my needs very well for the moment.

Implementation below:

import React from 'react';
import Markdown from 'markdown-to-jsx';
import { CodeBlock, InlineCode } from 'dir/to/your/component';

//Test string
const testMD = (`
#Title
This is some inline \`code\` to view.

<MyCodeBlock language="javascript">
const x = "myCodeBlock";
</MyCodeBlock
`);

<Markdown
  children={testMD} //Or other prop
  options={{
    overrides: { 
    code: InlineCode
    MyCodeBlock: CodeBlock,

    }
  }}
/>