Html component update

pages/album/[slug].tsx

@@ -1,7 +1,7 @@
 import Head from 'next/head'
 import { App } from 'src/components/App'
 import Article from 'src/components/Article'
-import Html from 'src/components/Html'
+import { Html } from 'src/components/Html'
 import menuModel from 'src/models/menu'
 import { buildMenu } from 'src/lib/menu'
 import { createApiUrl, requestGet, IResponseItems } from 'src/next-lib'

pages/article/[slug].tsx

@@ -2,7 +2,7 @@ import Head from 'next/head'
 import { get } from 'lodash'
 import { App } from 'src/components/App'
 import Article from 'src/components/Article'
-import Html from 'src/components/Html'
+import { Html } from 'src/components/Html'
 import menuModel from 'src/models/menu'
 import { buildMenu } from 'src/lib/menu'
 import { Meta } from 'src/components/Meta'

pages/teacher/[person].tsx

@@ -8,7 +8,7 @@ import { meta } from 'src/lib/meta'
 import { createApiUrl, requestGet, IResponseItems } from 'src/next-lib'
 import { NextPage, NextPageContext } from 'next'
 import { IMeta } from 'src/types'
-import Html from 'src/components/Html'
+import { Html } from 'src/components/Html'
 
 interface IProps {
     pageUrl: string

src/components/Html/index.jsx

@@ -1,7 +0,0 @@
-import React from 'react'
-
-export default function Html(props) {
-    return (
-        <div dangerouslySetInnerHTML={{ __html: props.html }} />
-    )
-}

src/components/Html/index.tsx

@@ -0,0 +1,7 @@
+export type HtmlProps = {
+    html: string
+}
+
+export const Html: React.FC<HtmlProps> = props => (
+    <div dangerouslySetInnerHTML={{ __html: props.html }} />
+)

src/components/Page/index.tsx

@@ -1,9 +1,10 @@
 import * as React from 'react'
 import { Share } from '../Share'
-import Html from '../Html'
+import { Html } from '../Html'
 
 export interface IPageProps {
     showSocialShare: boolean
+    children: string
 }
 
 export const Page: React.FC<IPageProps> = props => (