update dependencies and fix a lint errors

README.md

@@ -64,6 +64,9 @@ yarn build
 
 # build static storybook (outputs to `public/docs` folder)
 yarn storybook:build
+
+# serve locally (after building)
+yarn serve
 ```
 
 ## License

package.json

@@ -1,6 +1,6 @@
 {
   "name": "awesome-gatsby-starter",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "description": "A starter for GatsbyJS with a preconfigured MDX, Storybook and ESLint environment.",
   "keywords": [
     "gatsby",
@@ -26,48 +26,49 @@
     "format": "prettier --write \"src/**/*.{js,jsx}\"",
     "lint": "eslint .",
     "test": "echo \"Error: no test specified\" && exit 1",
+    "serve": "gatsby serve",
     "storybook": "start-storybook -p 9000 -c .storybook",
     "storybook:build": "build-storybook -c .storybook -o public/docs"
   },
   "dependencies": {
-    "@mdx-js/mdx": "^0.16.6",
-    "@mdx-js/tag": "^0.16.6",
-    "gatsby": "^2.0.91",
-    "gatsby-image": "^2.0.26",
-    "gatsby-mdx": "^0.3.5",
-    "gatsby-plugin-manifest": "^2.0.13",
-    "gatsby-plugin-offline": "^2.0.21",
-    "gatsby-plugin-react-helmet": "^3.0.5",
-    "gatsby-plugin-sharp": "^2.0.17",
-    "gatsby-plugin-styled-components": "^3.0.4",
-    "gatsby-source-filesystem": "^2.0.16",
-    "gatsby-transformer-sharp": "^2.1.10",
-    "polished": "^2.3.3",
-    "prop-types": "^15.6.2",
-    "react": "^16.7.0",
-    "react-dom": "^16.7.0",
-    "react-helmet": "^5.2.0",
-    "styled-components": "^4.1.3"
+    "@mdx-js/mdx": "^1.0.20",
+    "@mdx-js/react": "^1.0.20",
+    "gatsby": "^2.8.2",
+    "gatsby-image": "^2.1.2",
+    "gatsby-mdx": "^0.6.3",
+    "gatsby-plugin-manifest": "^2.1.1",
+    "gatsby-plugin-offline": "^2.1.1",
+    "gatsby-plugin-react-helmet": "^3.0.12",
+    "gatsby-plugin-sharp": "^2.1.3",
+    "gatsby-plugin-styled-components": "^3.0.7",
+    "gatsby-source-filesystem": "^2.0.38",
+    "gatsby-transformer-sharp": "^2.1.21",
+    "polished": "^3.4.0",
+    "prop-types": "^15.7.2",
+    "react": "^16.8.6",
+    "react-dom": "^16.8.6",
+    "react-helmet": "^5.2.1",
+    "styled-components": "^4.2.1"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "4.1.6",
-    "@storybook/addon-actions": "4.1.6",
-    "@storybook/addon-info": "4.1.6",
-    "@storybook/addon-options": "4.1.6",
-    "@storybook/addon-viewport": "4.1.6",
-    "@storybook/react": "4.1.6",
+    "@storybook/addon-a11y": "5.0.11",
+    "@storybook/addon-actions": "5.0.11",
+    "@storybook/addon-info": "5.0.11",
+    "@storybook/addon-options": "5.0.11",
+    "@storybook/addon-viewport": "5.0.11",
+    "@storybook/react": "5.0.11",
     "babel-eslint": "^10.0.1",
-    "eslint": "^5.12.1",
+    "eslint": "^5.16.0",
     "eslint-config-airbnb": "^17.1.0",
-    "eslint-config-prettier": "^3.6.0",
-    "eslint-plugin-compat": "^2.6.3",
-    "eslint-plugin-import": "^2.14.0",
-    "eslint-plugin-jest": "^22.1.3",
-    "eslint-plugin-jsx-a11y": "^6.1.2",
+    "eslint-config-prettier": "^4.3.0",
+    "eslint-plugin-compat": "^3.1.1",
+    "eslint-plugin-import": "^2.17.3",
+    "eslint-plugin-jest": "^22.6.4",
+    "eslint-plugin-jsx-a11y": "^6.2.1",
     "eslint-plugin-prefer-object-spread": "^1.2.1",
-    "eslint-plugin-prettier": "^3.0.1",
-    "eslint-plugin-react": "^7.12.4",
-    "prettier": "^1.16.0",
-    "react-markdown": "^4.0.6"
+    "eslint-plugin-prettier": "^3.1.0",
+    "eslint-plugin-react": "^7.13.0",
+    "prettier": "^1.17.1",
+    "react-markdown": "^4.0.8"
   }
 }

src/components/0-Documentation/documentation.story.js

@@ -3,7 +3,7 @@ import { storiesOf } from '@storybook/react';
 
 import GatsbyAstronaut from '../../assets/gatsby-astronaut.png';
 
-const story = storiesOf('Documentation', module);
+const story = storiesOf('Documentation|Readme', module);
 
 story.add('Introduction', () => (
   <>

src/components/Button/Button.js

@@ -1,9 +1,20 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 
 import { ButtonWrapper } from './styled';
 
-export const Button = ({ children, ...props }) => (
+const Button = ({ children, ...props }) => (
   <ButtonWrapper type="button" {...props}>
     {children}
   </ButtonWrapper>
 );
+
+Button.propTypes = {
+  children: PropTypes.node,
+};
+
+Button.defaultProps = {
+  children: null,
+};
+
+export { Button };

src/components/Container/Container.js

@@ -11,12 +11,14 @@ const Wrapper = styled.div`
 
 const Container = ({ children, ...props }) => <Wrapper {...props}>{children}</Wrapper>;
 
-Container.defaultProps = {
-  isDebug: false,
-};
-
 Container.propTypes = {
+  children: PropTypes.node,
   isDebug: PropTypes.bool,
 };
 
+Container.defaultProps = {
+  children: null,
+  isDebug: false,
+};
+
 export { Container };