@mdx-js/runtime

@mdx-js/runtime

Deprecated: this package is no longer maintained.

You can use @mdx-js/mdx itself to compile and run:

import {evaluate} from '@mdx-js/mdx'
import * as runtime from 'react/jsx-runtime'

const components = {
  h1: props => <h1 style={{color: 'tomato'}} {...props} />
}

const document = `
# Hello, world!
`

const {default: Content} = await evaluate(document, runtime)

console.log(<Content components={components} />)