@@ -101,14 +101,14 @@ npm install react-markdown
101101In Deno with [ ` esm.sh ` ] [ esmsh ] :
102102
103103``` js
104- import Markdown from ' https://esm.sh/react-markdown@10'
104+ import { Markdown } from ' https://esm.sh/react-markdown@10'
105105```
106106
107107In browsers with [ ` esm.sh ` ] [ esmsh ] :
108108
109109``` html
110110<script type =" module" >
111- import Markdown from ' https://esm.sh/react-markdown@10?bundle'
111+ import { Markdown } from ' https://esm.sh/react-markdown@10?bundle'
112112 </script >
113113```
114114
@@ -119,7 +119,7 @@ A basic hello world:
119119``` js
120120import React from ' react'
121121import {createRoot } from ' react-dom/client'
122- import Markdown from ' react-markdown'
122+ import { Markdown } from ' react-markdown'
123123
124124const markdown = ' # Hi, *Pluto*!'
125125
@@ -145,7 +145,7 @@ URLs directly):
145145``` js
146146import React from ' react'
147147import {createRoot } from ' react-dom/client'
148- import Markdown from ' react-markdown'
148+ import { Markdown } from ' react-markdown'
149149import remarkGfm from ' remark-gfm'
150150
151151const markdown = ` Just a link: www.nasa.gov.`
@@ -173,7 +173,6 @@ This package exports the identifiers
173173[ ` MarkdownHooks ` ] [ api-markdown-hooks ] ,
174174and
175175[ ` defaultUrlTransform ` ] [ api-default-url-transform ] .
176- The default export is [ ` Markdown ` ] [ api-markdown ] .
177176
178177It also exports the additional [ TypeScript] [ ] types
179178[ ` AllowElement ` ] [ api-allow-element ] ,
@@ -375,7 +374,7 @@ which adds support for strikethrough, tables, tasklists and URLs directly:
375374` ` ` js
376375import React from ' react'
377376import {createRoot } from ' react-dom/client'
378- import Markdown from ' react-markdown'
377+ import { Markdown } from ' react-markdown'
379378import remarkGfm from ' remark-gfm'
380379
381380const markdown = ` A paragraph with *emphasis* and **strong importance**.
@@ -445,7 +444,7 @@ strikethrough:
445444` ` ` js
446445import React from ' react'
447446import {createRoot } from ' react-dom/client'
448- import Markdown from ' react-markdown'
447+ import { Markdown } from ' react-markdown'
449448import remarkGfm from ' remark-gfm'
450449
451450const markdown = ' This ~is not~ strikethrough, but ~~this is~~!'
@@ -481,7 +480,7 @@ In this case, we apply syntax highlighting with the seriously super amazing
481480` ` ` js
482481import React from 'react'
483482import {createRoot} from 'react-dom/client'
484- import Markdown from 'react-markdown'
483+ import { Markdown } from 'react-markdown'
485484import {Prism as SyntaxHighlighter} from 'react-syntax-highlighter'
486485import {dark} from 'react-syntax-highlighter/dist/esm/styles/prism'
487486
@@ -543,7 +542,7 @@ is used to support math in markdown, and a transform plugin
543542```js
544543import React from 'react'
545544import {createRoot} from 'react-dom/client'
546- import Markdown from 'react-markdown'
545+ import { Markdown } from 'react-markdown'
547546import rehypeKatex from 'rehype-katex'
548547import remarkMath from 'remark-math'
549548import 'katex/dist/katex.min.css' // `rehype-katex` does not import the CSS for you
@@ -661,7 +660,7 @@ can spare the bundle size (±60kb minzipped), then you can use
661660` ` ` js
662661import React from ' react'
663662import {createRoot } from ' react-dom/client'
664- import Markdown from ' react-markdown'
663+ import { Markdown } from ' react-markdown'
665664import rehypeRaw from ' rehype-raw'
666665
667666const markdown = ` <div class="note">
0 commit comments