title: Unable to import components into storybook
body: <p>I am having trouble getting my first storybook to work. I am using the latest storybook version and configuration, and ran <code>npx sb init</code> to do so, as documented <a href="https://storybook.js.org/docs/react/get-started/install" rel="nofollow noreferrer">here</a>.</p>
  <p>The following story file will run fine:</p>
  <p><strong>SampleComponent.stories.tsx:</strong></p>
  <pre class="lang-js prettyprint-override"><code>import React from 'react';
  // eslint-disable-next-line import/no-extraneous-dependencies
  import { Meta } from '@storybook/react/types-6-0';
  // eslint-disable-next-line import/no-extraneous-dependencies
  import SampleComponent from './SampleComponent';
  
  export const Foo: React.FC = () =&gt; &lt;SampleComponent /&gt;;
  
  export default {
    title: 'Testing',
    component: Foo,
  } as Meta;
  </code></pre>
  <p>however, the following storybook does not work and I get an empty storybook instead. I also get the console message:</p>
  <blockquote>
  <p>Found a story file for &quot;Testing&quot; but no exported stories.</p>
  </blockquote>
  <p><strong>SampleComponent.stories.tsx:</strong></p>
  <pre class="lang-js prettyprint-override"><code>import React from 'react';
  // eslint-disable-next-line import/no-extraneous-dependencies
  import { Meta } from '@storybook/react/types-6-0';
  // eslint-disable-next-line import/no-extraneous-dependencies
  import SampleComponent from './SampleComponent';
  
  export default {
    title: 'Testing',
    component: SampleComponent,
  } as Meta;
  </code></pre>
  <p>Why am I not able to import the <code>SampleComponent</code> directly into my default export?</p>
  <hr />
  <p><strong>.storybook/main.js:</strong></p>
  <pre class="lang-js prettyprint-override"><code>module.exports = {
    &quot;stories&quot;: [
      &quot;../src/**/*.stories.@(js|jsx|ts|tsx)&quot;
    ],
    &quot;addons&quot;: [
      &quot;@storybook/addon-links&quot;,
      &quot;@storybook/addon-essentials&quot;
    ]
  }
  </code></pre>
  <p><strong>SampleComponent.tsx:</strong></p>
  <pre><code>import React from 'react';
  
  const SampleComponent: React.FC = () =&gt; &lt;h1&gt;Hello World&lt;/h1&gt;;
  
  export default SampleComponent;
  </code></pre>
  <p><strong>file strcuture:</strong></p>
  <pre><code>src/
    - components/
      - SampleComponent/
        - SampleComponent.tsx
        - SampleComponent.stories.tsx
  </code></pre>