} const document = ` # Hello, world! ` const {default: Content} = await evaluate(document, runtime) console.log() ``` --- _Source: https://npm.io/package/@mdx-js/runtime · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._

# @mdx-js/runtime

> Deprecated: this package is no longer maintained.

Latest version **2.0.0** (published 2024-10-09) · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install @mdx-js/runtime
pnpm add @mdx-js/runtime
yarn add @mdx-js/runtime
bun add @mdx-js/runtime
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 2.0.0 |
| Published | 2024-10-09 |
| First published | 2018-07-01 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 642 B |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 19780 |
| Maintainers | remcohaszing, johno, timneutkens, wooorm |

## Links

- npm: https://www.npmjs.com/package/@mdx-js/runtime
- Repository: https://github.com/mdx-js/mdx
- Homepage: https://github.com/mdx-js/mdx#readme
- Issues: https://github.com/mdx-js/mdx/issues
- npm.io page: https://npm.io/package/@mdx-js/runtime

## Recent versions

- 2.0.0 (latest) — 2024-10-09
- 2.0.0-ci.53 (ci) — 2021-09-13
- 2.0.0-next.9 (next) — 2021-03-18
- 2.0.0-ci.50 — 2021-09-13
- 2.0.0-ci.43 — 2021-09-12
- 2.0.0-ci.42 — 2021-09-12
- 2.0.0-ci.40 — 2021-09-08
- 2.0.0-ci.39 — 2021-09-08
- 2.0.0-ci.35 — 2021-09-07
- 2.0.0-ci.18 — 2021-08-28
- 2.0.0-ci.15 — 2021-06-28
- 2.0.0-ci.4 — 2021-04-07
- 2.0.0-ci.3 — 2021-04-01
- 1.6.22 — 2020-12-01
- 1.6.21 — 2020-11-07
- … 163 more at https://npm.io/package/@mdx-js/runtime/versions

## README

# @mdx-js/runtime

Deprecated: this package is no longer maintained.

You can use [`@mdx-js/mdx`](https://mdxjs.com/packages/mdx/#evaluatefile-options)
itself to compile *and* run:

```jsx
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} />)
```

---
_Source: https://npm.io/package/@mdx-js/runtime · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._