What is the MDXProvider?

The section in the README on the MDXProvider is very short and seems to assume a lot… I don’t know what this is, why it exists, what it’s for, etc. Could someone expand on it?

[silvenon]

Does this clear things up?

import { MDXProvider } from '@mdx-js/tag'

import One from './one.mdx'
import Two from './two.mdx'
import Three from './three.mdx'

import { Title, Subtitle } from './body'

const components = {
  h1: Title,
  h2: Subtitle,
}

const AppWithoutProvider = () => (
  <div>
    <One components={components} />
    <Two components={components} />
    <Three components={components} />
  </div>
)

const AppWithProvider = () => (
  <MDXProvider components={components}>
    <One />
    <Two />
    <Three />
  </MDXProvider>
)

[silvenon]

I’m closing this as a stale issue. This is the current documentation for MDXProvider: https://mdxjs.com/getting-started/#mdxprovider, and we’re open to improvements.