Switched from DocumentTitle to the More Robust HelmetJS lib

pages/index.js

@@ -1,9 +1,9 @@
 import React from 'react'
 import { Link } from 'react-router'
 import sortBy from 'lodash/sortBy'
-import DocumentTitle from 'react-document-title'
 import { prefixLink } from 'gatsby-helpers'
 import { rhythm } from 'utils/typography'
+import Helmet from "react-helmet"
 import access from 'safe-access'
 import { config } from 'config'
 import include from 'underscore.string/include'
@@ -32,14 +32,19 @@ class BlogIndex extends React.Component {
       }
     })
     return (
-      <DocumentTitle title={config.blogTitle}>
-        <div>
-          <Bio />
-          <ul>
-            {pageLinks}
-          </ul>
-        </div>
-      </DocumentTitle>
+      <div>
+        <Helmet
+          title={config.blogTitle}
+          meta={[
+            {"name": "description", "content": "Sample blog"},
+            {"name": "keywords", "content": "blog, articles"},
+          ]}
+        />
+        <Bio />
+        <ul>
+          {pageLinks}
+        </ul>
+      </div>
     )
   }
 }