docusaurus/admin/test-bad-package
2025-01-03 18:11:21 +01:00
..
package.json chore: release Docusaurus 3.7.0 (#10812) 2025-01-03 18:11:21 +01:00
README.mdx feat: Add React 19 support to Docusaurus v3 (#10763) 2024-12-24 14:43:03 +01:00

# test-bad-package

This package declares a wrong React version on purpose (16.14.0)

The goal is to test that the MD/MDX content of this package can still be imported/rendered by our website.

See related issue https://github.com/facebook/docusaurus/issues/9027

---

import {version as ReactVersion} from 'react';
import {version as ReactDOMVersion} from 'react-dom';

export function TestComponent() {
  const expectedVersion = 19;
  if (!ReactVersion.startsWith(`${expectedVersion}`)) {
    throw new Error(
      `'test-bad-package/README.mdx' is rendered with bad React version: ${ReactVersion}`,
    );
  }
  if (!ReactVersion.startsWith(`${expectedVersion}`)) {
    throw new Error(
      `'test-bad-package/README.mdx' is rendered with bad React-DOM version: ${ReactDOMVersion}`,
    );
  }
  return (
    <>
      <div>React version: {ReactVersion}</div>
      <div>React DOM version: {ReactDOMVersion}</div>
    </>
  );
}

<TestComponent />

---

## MDX Components work:

<details>
  <summary>Summary</summary>

Details

</details>

```js
const age = 42;
```