#57 完了

frontend/src/components/WikiBody.tsx

@@ -0,0 +1,13 @@
+import ReactMarkdown from 'react-markdown'
+import { Link } from 'react-router-dom'
+
+type Props = { body: string }
+
+
+export default ({ body }: Props) => (
+    <ReactMarkdown components={{ a: (
+        ({ href, children }) => (['/', '.'].some (e => href?.startsWith (e))
+                                 ? <Link to={href!}>{children}</Link>
+                                 : <a href={href} target="_blank" rel="noopener noreferrer">{children}</a>)) }}>
+      {body}
+    </ReactMarkdown>)

frontend/src/components/common/TabGroup.tsx

@@ -5,7 +5,7 @@ type TabProps = { name:     string
                   init?:    boolean
                   children: React.ReactNode }
 
-type Props = { children: React.ReactElement<{ name: string }>[] }
+type Props = { children: React.ReactElement<TabProps>[] }
 
 export const Tab = ({ children }: TabProps) => <>{children}</>