attempt on reproduce the error

.storybook/main.js

@@ -1,7 +1,7 @@
 const path = require("path");
 
 module.exports = {
-  stories: ["../src/stories/**/*.stories.(ts|tsx|js|jsx)"],
+  stories: ["../src/**/*.stories.(ts|tsx|js|jsx)"],
   addons: [
     "@storybook/addon-actions",
     "@storybook/addon-links",

src/App.tsx

@@ -6,21 +6,13 @@ const App: React.FC = () => {
   return (
     <div className="App">
       <header className="App-header">
-        <img src={logo} className="App-logo" alt="logo" />
+        <img src={logo} className="App-logo" alt="logo"/>
         <p>
           Edit <code>src/App.tsx</code> and save to reload.
         </p>
-        <a
-          className="App-link"
-          href="https://reactjs.org"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          Learn React
-        </a>
       </header>
     </div>
   );
-}
+};
 
 export default App;

src/AwesomeButton.stories.tsx

@@ -0,0 +1,35 @@
+import React from "react";
+import {select, withKnobs} from "@storybook/addon-knobs";
+import AwesomeButton, {AwesomeButtonProps} from "./AwesomeButton";
+
+export default {
+  title: "AwesomeButton",
+  component: AwesomeButton,
+  decorators: [withKnobs]
+};
+
+export const Single = () => {
+  const type = select<AwesomeButtonProps['type']>(
+    "Type",
+    ['Awesome', 'Cool', 'Sup'],
+    "Awesome"
+  );
+  return (
+    <div className="flex">
+      <AwesomeButton type={type}/>
+    </div>
+  );
+};
+
+export const Multiple = () => {
+  const type = select<AwesomeButtonProps['type']>(
+    "Type",
+    ['Awesome', 'Cool', 'Sup'],
+    "Cool"
+  );
+  return (
+    <div className="flex">
+      <AwesomeButton type={type}/>
+    </div>
+  );
+};

src/AwesomeButton.tsx

@@ -0,0 +1,11 @@
+import React from "react";
+
+export interface AwesomeButtonProps {
+  type: 'Awesome' | 'Cool' | 'Sup'
+}
+
+const AwesomeButton = (props: AwesomeButtonProps) => {
+  return <div>{props.type}</div>
+};
+
+export default AwesomeButton

src/stories/0-Welcome.stories.tsx

@@ -1,14 +0,0 @@
-import React from 'react';
-import { linkTo } from '@storybook/addon-links';
-import { Welcome } from '@storybook/react/demo';
-
-export default {
-  title: 'Welcome',
-  component: Welcome,
-};
-
-export const ToStorybook = () => <Welcome showApp={linkTo('Button')} />;
-
-ToStorybook.story = {
-  name: 'to Storybook',
-};

src/stories/1-Button.stories.tsx

@@ -1,20 +0,0 @@
-import React from 'react';
-import { action } from '@storybook/addon-actions';
-import { Button } from '@storybook/react/demo';
-
-import '../testFails.css';
-
-export const Text = () => <div className="testClass"/>;
-
-export const Emoji = () => (
-  <Button onClick={action('clicked')}>
-    <span role="img" aria-label="so cool">
-      😀 😎
-    </span>
-  </Button>
-);
-
-export default {
-    title: 'Button',
-    component: Button,
-};