docgen info works without flow

addons/info/src/components/PropTable.js

@@ -37,7 +37,7 @@ const renderDocgenPropType = propType => {
       return propType.value;
     case 'union':
       return propType.raw;
-	case 'signature':
+    case 'signature':
       return propType.raw;
     default:
       return name;

examples/cra-kitchen-sink/src/components/DocgenButton.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+/** Button component description */
+const DocgenButton = ({ disabled, label, style, onClick }) =>
+  <button disabled={disabled} style={style} onClick={onClick}>
+    {label}
+  </button>;
+
+DocgenButton.defaultProps = {
+  disabled: false,
+  onClick: () => {},
+  style: {},
+};
+
+DocgenButton.propTypes = {
+  /** Boolean indicating whether the button should render as disabled */
+  disabled: PropTypes.bool,
+  /** button label. */
+  label: PropTypes.string.isRequired,
+  /** onClick handler */
+  onClick: PropTypes.func,
+  /** component styles */
+  style: PropTypes.shape,
+};
+
+export default DocgenButton;

examples/cra-kitchen-sink/src/stories/index.js

@@ -25,7 +25,7 @@ import { Button, Welcome } from '@storybook/react/demo';
 import App from '../App';
 import Logger from './Logger';
 import Container from './Container';
-import TypedButton from '../TypedButton';
+import DocgenButton from '../components/DocgenButton';
 
 const EVENTS = {
   TEST_EVENT_1: 'test-event-1',
@@ -146,14 +146,9 @@ storiesOf('Button', module)
     )
   );
 
-storiesOf('TypedButton', module)
-	.addWithInfo('TypedButton',
-        'Some Description',
-        () => <TypedButton
-			onClick={action('clicked')}
-			label="Typed Button"
-		/>,
-	)
+storiesOf('AddonInfo.DocgenButton', module).addWithInfo('DocgenButton', 'Some Description', () =>
+  <DocgenButton onClick={action('clicked')} label="Docgen Button" />
+);
 
 storiesOf('App', module).add('full app', () => <App />);