diff --git a/webui/src/Content.tsx b/webui/src/Content.tsx
index 889c9987f41977ffc29a27d528643e1664e803f3..3a7af2f8689e911f7a4784b30929ca24a8f4b7c4 100644
--- a/webui/src/Content.tsx
+++ b/webui/src/Content.tsx
@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React from 'react';
 import html from 'remark-html';
 import parse from 'remark-parse';
 import remark2react from 'remark-react';
@@ -8,7 +8,7 @@ import ImageTag from './tag/ImageTag';
 import PreTag from './tag/PreTag';
 
 type Props = { markdown: string };
-const Content = ({ markdown }: Props) => {
+const Content: React.FC<Props> = ({ markdown }: Props) => {
   const processor = unified()
     .use(parse)
     .use(html)
@@ -19,8 +19,8 @@ const Content = ({ markdown }: Props) => {
       },
     });
 
-  const contents: ReactNode = processor.processSync(markdown).contents;
-  return contents;
+  const contents: React.ReactNode = processor.processSync(markdown).contents;
+  return <>{contents}</>;
 };
 
 export default Content;