feat: use remark-gemoji

1 files changed, 9 insertions, 2 deletions

diff --git a/src/lib/Markdown/Markdown.tsx b/src/lib/Markdown/Markdown.tsx
index 01923f9..955aeda 100644
--- a/src/lib/Markdown/Markdown.tsx
+++ b/src/lib/Markdown/Markdown.tsx
@@ -1,7 +1,8 @@
 import React, { useState, useEffect } from 'react';
+import { Link, Typography } from '@material-ui/core';
 import axios from 'axios';
 import ReactMarkdown from 'react-markdown';
-import { Link, Typography } from '@material-ui/core';
+import emoji from 'remark-gemoji';
 
 import CodeBlock from './CodeBlock';
 import InlineCode from './InlineCode';
@@ -44,7 +45,13 @@ const Markdown: React.FC<PropTypes> = ({ data, url }) => {
 
   return (
     <Typography>
-      <ReactMarkdown renderers={renderers} allowDangerousHtml>{sanitized}</ReactMarkdown>
+      <ReactMarkdown
+        renderers={renderers}
+        plugins={[emoji]}
+        allowDangerousHtml
+      >
+        {sanitized}
+      </ReactMarkdown>
     </Typography>
   );
 };