diff --git a/src/components/Content.js b/src/components/Content.js
index 601e8b7..f605c71 100644
--- a/src/components/Content.js
+++ b/src/components/Content.js
@@ -1,5 +1,6 @@
 import React from 'react'
 import Marked from 'react-markdown'
+import PropTypes from 'prop-types'
 
 import { getImageSrc, getImageSrcset } from '../util/getImageUrl'
 import './Content.css'
@@ -13,17 +14,6 @@ const encodeMarkdownURIs = (source = '') => {
   })
 }
 
-export default ({ source, className = '' }) => (
-  <Marked
-    className={`Content ${className}`}
-    source={encodeMarkdownURIs(source)}
-    renderers={{
-      image: ImageWithSrcset,
-      html: HtmlBlock
-    }}
-  />
-)
-
 const ImageWithSrcset = ({ nodeKey, src, alt, ...props }) => {
   const decodedSrc = decodeURI(src)
   return (
@@ -48,3 +38,22 @@ const HtmlBlock = ({ value }) => {
     />
   )
 }
+
+const Content = ({ source, src, className = '' }) => (
+  <Marked
+    className={`Content ${className}`}
+    source={encodeMarkdownURIs(source || src)}
+    renderers={{
+      image: ImageWithSrcset,
+      html: HtmlBlock
+    }}
+  />
+)
+
+Content.propTypes = {
+  source: PropTypes.string,
+  src: PropTypes.string,
+  className: PropTypes.string
+}
+
+export default Content