New version

src/pages/categories.jsx

@@ -1,5 +1,4 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import Link from 'gatsby-link';
 import Helmet from 'react-helmet';
 import kebabCase from 'lodash/kebabCase';
@@ -21,13 +20,13 @@ class CategoriesRoute extends React.Component {
               <div className="page__body">
                 <div className="categories">
                   <ul className="categories__list">
-                    {categories.map(category =>
+                    {categories.map(category => (
                       <li key={category.fieldValue} className="categories__list-item">
                         <Link to={`/categories/${kebabCase(category.fieldValue)}/`} className="categories__list-item-link">
                           {category.fieldValue} ({category.totalCount})
                         </Link>
                       </li>
-                    )}
+                    ))}
                   </ul>
                 </div>
               </div>
@@ -39,19 +38,6 @@ class CategoriesRoute extends React.Component {
   }
 }
 
-CategoriesRoute.propTypes = {
-  data: PropTypes.shape({
-    site: PropTypes.shape({
-      siteMetadata: PropTypes.shape({
-        title: PropTypes.string.isRequired
-      })
-    }),
-    allMarkdownRemark: PropTypes.shape({
-      group: PropTypes.array.isRequired
-    })
-  })
-};
-
 export default CategoriesRoute;
 
 export const pageQuery = graphql`

src/pages/index.jsx

@@ -1,5 +1,4 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import Helmet from 'react-helmet';
 import Post from '../components/Post';
 import Sidebar from '../components/Sidebar';
@@ -10,9 +9,7 @@ class IndexRoute extends React.Component {
     const { title, subtitle } = this.props.data.site.siteMetadata;
     const posts = this.props.data.allMarkdownRemark.edges;
     posts.forEach((post) => {
-      items.push(
-        <Post data={post} key={post.node.fields.slug} />
-      );
+      items.push(<Post data={post} key={post.node.fields.slug} />);
     });
 
     return (
@@ -32,20 +29,6 @@ class IndexRoute extends React.Component {
   }
 }
 
-IndexRoute.propTypes = {
-  data: PropTypes.shape({
-    site: PropTypes.shape({
-      siteMetadata: PropTypes.shape({
-        title: PropTypes.string.isRequired,
-        subtitle: PropTypes.string.isRequired
-      })
-    }),
-    allMarkdownRemark: PropTypes.shape({
-      edges: PropTypes.array.isRequired
-    })
-  })
-};
-
 export default IndexRoute;
 
 export const pageQuery = graphql`

src/pages/tags.jsx

@@ -1,5 +1,4 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import Link from 'gatsby-link';
 import Helmet from 'react-helmet';
 import kebabCase from 'lodash/kebabCase';
@@ -21,13 +20,13 @@ class TagsRoute extends React.Component {
               <div className="page__body">
                 <div className="tags">
                   <ul className="tags__list">
-                    {tags.map(tag =>
+                    {tags.map(tag => (
                       <li key={tag.fieldValue} className="tags__list-item">
                         <Link to={`/tags/${kebabCase(tag.fieldValue)}/`} className="tags__list-item-link">
                           {tag.fieldValue} ({tag.totalCount})
                         </Link>
                       </li>
-                    )}
+                    ))}
                   </ul>
                 </div>
               </div>
@@ -39,19 +38,6 @@ class TagsRoute extends React.Component {
   }
 }
 
-TagsRoute.propTypes = {
-  data: PropTypes.shape({
-    site: PropTypes.shape({
-      siteMetadata: PropTypes.shape({
-        title: PropTypes.string.isRequired
-      })
-    }),
-    allMarkdownRemark: PropTypes.shape({
-      group: PropTypes.array.isRequired
-    })
-  })
-};
-
 export default TagsRoute;
 
 export const pageQuery = graphql`