v5.0.0

Documentation v5.0.0: https://raw.githack.com/uiwjs/react-code-preview/dfdafc0/index.html
Comparing Changes: v4.0.6...v5.0.0

npm i @uiw/[email protected]

• 🌟 feat: Suppot react v18 (#214) 0cdd4ad @SunLxy
• ⛑ test: Fix test case error (react 18) (#215) fa2c5c8 @SunLxy
• 📖 doc: Update README.md (#214). 06b310f @jaywcjlove

In React 18

import Button from '@uiw/react-button';
import CodePreview from '@uiw/react-code-preview';

const code = `import Button from '@uiw/react-button';
import ReactDOMClient from 'react-dom/client';

ReactDOM.render(
  <div>
    <Button type="primary">主要按钮</Button>
    <Button type="success">成功按钮</Button>
  </div>,
  _mount_
);`;

export default function App() {
  return <CodePreview code={code} dependencies={{ Button }} />;
}

In React 17

import Button from '@uiw/react-button';
import CodePreview from '@uiw/react-code-preview';

const code = `import Button from '@uiw/react-button';
import ReactDOM from 'react-dom';

ReactDOM.render(
  <div>
    <Button type="primary">主要按钮</Button>
    <Button type="success">成功按钮</Button>
  </div>,
  _mount_
);`;

export default function App() {
  return <CodePreview code={code} dependencies={{ Button }} />;
}