title: storybook doesn't find components based on chakra-ui
body: <p>i was trying storybook and chakra ui.
  Down below is how I structured my folders,</p>
  <p><a href="https://i.stack.imgur.com/XuKVK.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/XuKVK.png" alt="enter image description here" /></a></p>
  <pre><code>module.exports = {
    &quot;stories&quot;: [
      &quot;../src/**/*.stories.mdx&quot;,
      &quot;../src/**/*.stories.@(js|jsx|ts|tsx)&quot;
    ],
    &quot;addons&quot;: [
      &quot;@storybook/addon-links&quot;,
      &quot;@storybook/addon-essentials&quot;,
      &quot;@storybook/preset-create-react-app&quot;
    ]
  }
  </code></pre>
  <p>and this is my storybook config.
  unluckly i receive an error, it seems like storybook doesn't find my components. <a href="https://i.stack.imgur.com/Lncm9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Lncm9.png" alt="enter image description here" /></a></p>
  <p>can someone help me to understand what's wrong ?
  Why storybook doesn't find my components ?</p>
  <p>-----------Update------------</p>
  <p>this is the story that I tried to added</p>
  <pre><code>import React from 'react';
  import {
    Menu,
    MenuButton,
  } from '@chakra-ui/core';
  
  export function MenuComp() {
    return (
      &lt;Menu&gt;
        &lt;MenuButton&gt;Games&lt;/MenuButton&gt;
      &lt;/Menu&gt;
    );
  }
  
  MenuComp.storyName = 'test';
  </code></pre>