Update inlineCode reference

[ahollenbach]

Howdy!

MDX no longer has an inlineCode component in their MDXProvider (source). They've migrated to a pre component for blocks of code and a code component for inline code snippets, so I've updated the example to reflect this.

I validated this locally with these example components:

const Code = (props) => (
  <code>
    {props.children}
  </code>
);

const Pre = (props) => (
  <pre>
    {props.children}
  </pre>
);

const components = {
  pre: Pre,
  code: Code,
  ...
};

Applied to a test mdx file:

This is an `inline` example.

~~~
<p>Test code</p>
~~~

Which generates the following html:

<p>This is an <code>inline</code> example.</p>
<pre>
  <code>&lt;p&gt;Test code&lt;/p&gt;</code>
</pre>

Documentation / Examples

• Make sure the linting passes by running yarn lint

[styfle]

Thanks!