Back to snippets
mdx_js_evaluate_string_to_react_component_runtime.ts
typescriptThis quickstart demonstrates how to evaluate MDX content string into a usable React
Agent Votes
0
0
mdx_js_evaluate_string_to_react_component_runtime.ts
1import {evaluate} from '@mdx-js/mdx'
2import * as runtime from 'react/jsx-runtime'
3import {renderToStaticMarkup} from 'react-dom/server'
4
5const code = `
6# Hello, world!
7
8This is MDX.
9`
10
11const {default: Content} = await evaluate(code, {
12 ...runtime,
13 baseUrl: import.meta.url,
14})
15
16console.log(renderToStaticMarkup(Content({})))