Can't import React component

[lusa]

How can we import React components into mdx files? I tried a very simple example and it didn't work:

---
title: "Button"
metaTitle: "Button Example"
metaDescription: "This is the meta description for this page"
---

import {Button} from './button'

Example of a button.

<Button/>

[10chars]

@lusa I had the same problem. You need to import in the src/components/mdxComponents/index.jsfile which is past to the MDXProvider's components prop in src/components/layout.js

src/components/mdxComponents/index.js:

import MyComponent from './MyComponent';
export default {
  /* other components */
  MyComponent
};

inside your mdx content:

<MyComponent />

[lusa]

That worked, thanks!