diff --git a/src/components/Html/index.jsx b/src/components/Html/index.jsx
new file mode 100644
index 00000000..9a1db7ad
--- /dev/null
+++ b/src/components/Html/index.jsx
@@ -0,0 +1,9 @@
+import React from 'react'
+
+export default function Html(props) {
+    return (
+        <div dangerouslySetInnerHTML={{ __html: props.html }} />
+    )
+}
+
+
diff --git a/src/lib/component.js b/src/lib/component.js
index f8c6eaff..3be95f64 100644
--- a/src/lib/component.js
+++ b/src/lib/component.js
@@ -2,6 +2,7 @@ import React from 'react'
 import {renderToStaticMarkup} from 'react-dom/server'
 
 const App = require('../components/App')
+const Html = require('../components/Html')
 
 function renderApp({component, ...options}) {
 	const app = (
@@ -14,7 +15,9 @@ function renderApp({component, ...options}) {
 
 function getHtml(html) {
 	return (
-		<div dangerouslySetInnerHTML={{__html: html}}/>
+        <Html
+            html={html}
+        />
 	)
 }