Upgrade storybook docs to alpha.4

Author: shilman

.storybook/config.js

@@ -1,7 +1,19 @@
 import React from 'react';
-import { load, addDecorator } from '@storybook/react';
+import { load, addDecorator, addParameters } from '@storybook/react';
+import { getPropDefs } from '@storybook/addon-docs/react';
+import { DocsPage } from '@storybook/addon-docs/blocks';
 import 'storybook-chromatic';
 
+addParameters({
+  options: {
+    docs: {
+      inlineStories: true,
+      getPropDefs,
+    },
+  },
+  docs: DocsPage,
+});
+
 import { GlobalStyle } from '../src/components/basics/shared/global';
 addDecorator(story => (
   <>

.storybook/presets.js

@@ -1 +1 @@
-module.exports = ['@storybook/addon-docs/preset'];
+module.exports = ['@storybook/addon-docs/react/preset'];

package.json

@@ -64,13 +64,13 @@
     "@babel/plugin-transform-runtime": "^7.2.0",
     "@babel/preset-env": "^7.3.1",
     "@babel/preset-react": "^7.0.0",
-    "@storybook/addon-a11y": "^5.2.0-alpha.3",
-    "@storybook/addon-actions": "^5.2.0-alpha.3",
-    "@storybook/addon-docs": "^5.2.0-alpha.3",
-    "@storybook/addon-knobs": "^5.2.0-alpha.3",
-    "@storybook/addon-storysource": "^5.2.0-alpha.3",
-    "@storybook/addons": "^5.2.0-alpha.3",
-    "@storybook/react": "^5.2.0-alpha.3",
+    "@storybook/addon-a11y": "^5.2.0-alpha.4",
+    "@storybook/addon-actions": "^5.2.0-alpha.4",
+    "@storybook/addon-docs": "^5.2.0-alpha.4",
+    "@storybook/addon-knobs": "^5.2.0-alpha.4",
+    "@storybook/addon-storysource": "^5.2.0-alpha.4",
+    "@storybook/addons": "^5.2.0-alpha.4",
+    "@storybook/react": "^5.2.0-alpha.4",
     "babel-eslint": "^10.0.1",
     "babel-loader": "^8.0.0",
     "babel-plugin-require-context-hook": "^1.0.0",

src/components/basics/Avatar.stories.js

@@ -4,6 +4,7 @@ import { storiesOf } from '@storybook/react';
 import Avatar from './Avatar';
 
 storiesOf('basics/Avatar', module)
+  .addParameters({ component: Avatar })
   .add('large', () => (
     <div>
       <Avatar loading size="large" />

src/index.stories.mdx

@@ -1,4 +1,5 @@
 import Example from './index';
+import { Story } from '@storybook/addon-docs/blocks';
 
 export const componentMeta = {
   title: 'Basics|Example',