import { Suspense, lazy } from 'react'

const ReactMarkdownShim = lazy(() => import('react-markdown'))

const ReactMarkdown = (etcProps: any) => {
  return (
    <Suspense fallback={<div>Loading...</div>}>
      <ReactMarkdownShim {...etcProps} />
    </Suspense>
  )
}

export default ReactMarkdown
