import * as React from 'react' ; import 'github-markdown-css' ; import emojijs from 'emoji-js' ; import MarkdownToJSX from 'markdown-to-jsx' ; const emoji = new emojijs . EmojiConvertor ( ) ; interface MarkdownProps { content : string ; } export default class Markdown extends React . Component < MarkdownProps > { render ( ) { const convertedContent = emoji . replace_colons ( this . props . content ) ; return ( < div className = "markdown-body" > < MarkdownToJSX > { convertedContent } < /MarkdownToJSX> < /div>); } }