diff --git a/website/src/components/embed.js b/website/src/components/embed.js index 04e0fd6cd..ad15a0b8b 100644 --- a/website/src/components/embed.js +++ b/website/src/components/embed.js @@ -6,7 +6,7 @@ import ImageNext from 'next/image' import Link from './link' import Button from './button' import { InlineCode } from './inlineCode' -import MarkdownToReact from './markdownToReact' +import MarkdownToReact from './markdownToReactDynamic' import classes from '../styles/embed.module.sass' diff --git a/website/src/components/markdownToReactDynamic.js b/website/src/components/markdownToReactDynamic.js new file mode 100644 index 000000000..273d374c7 --- /dev/null +++ b/website/src/components/markdownToReactDynamic.js @@ -0,0 +1,5 @@ +import dynamic from 'next/dynamic' + +export default dynamic(() => import('./markdownToReact'), { + loading: () =>

Loading...

, +}) diff --git a/website/src/templates/models.js b/website/src/templates/models.js index 32a93a755..2cca5c575 100644 --- a/website/src/templates/models.js +++ b/website/src/templates/models.js @@ -15,7 +15,7 @@ import Link, { OptionalLink } from '../components/link' import Infobox from '../components/infobox' import Accordion from '../components/accordion' import { isString, isEmptyObj, join, arrayToObj, abbrNum } from '../components/util' -import MarkdownToReact from '../components/markdownToReact' +import MarkdownToReact from '../components/markdownToReactDynamic' import siteMetadata from '../../meta/site.json' import languages from '../../meta/languages.json' diff --git a/website/src/templates/universe.js b/website/src/templates/universe.js index cddfa62c6..75a8a6feb 100644 --- a/website/src/templates/universe.js +++ b/website/src/templates/universe.js @@ -18,7 +18,7 @@ import Footer from '../components/footer' import { H3, H5, Label, InlineList } from '../components/typography' import { YouTube, SoundCloud, Iframe } from '../components/embed' import { github } from '../components/util' -import MarkdownToReact from '../components/markdownToReact' +import MarkdownToReact from '../components/markdownToReactDynamic' import { nightly, legacy } from '../../meta/dynamicMeta.mjs' import universe from '../../meta/universe.json'