docgen info works without ts

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/TypedButton.js → examples/cra-kitchen-sink/src/components/TypedButton.js

@@ -2,27 +2,26 @@
 import React from 'react';
 
 type PropsType = {
-    /** Boolean indicating wether the button should render as disabled */
-    disabled?: boolean,
-	/** button label. */
-	label: string,
-	/** onClick handler */
-	onClick?: Function,
-	/** component styles */
-	style?: {}
+  /** Boolean indicating whether the button should render as disabled */
+  disabled?: boolean,
+  /** button label. */
+  label: string,
+  /** onClick handler */
+  onClick?: Function,
+  /** component styles */
+  style?: {},
 };
 
 /** Button component description */
-const TypedButton = ({ disabled, label, style, onClick }: PropsType) => (
+const TypedButton = ({ disabled, label, style, onClick }: PropsType) =>
   <button disabled={disabled} style={style} onClick={onClick}>
     {label}
-  </button>
-);
+  </button>;
 
 TypedButton.defaultProps = {
-    disabled: false,
-	onClick: () => {},
-	style: {},
+  disabled: false,
+  onClick: () => {},
+  style: {},
 };
 
 export default TypedButton;

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

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