title: Use antd for React together with Storybook v5
body: <p>Now, I am stuck for several hours trying to make Storybook work with antd in my new React application (created with <code>create-react-app</code>), without success.</p>
  <p>Whatever I do, Storybook does not take the styling of antd.</p>
  <p>For example, I created a menu item with antd:</p>
  <p><code>menuNav.tsx</code>:</p>
  <pre><code>import React from &quot;react&quot;;
  import {Menu} from 'antd';
  import &quot;antd/dist/antd.less&quot;;
  
  
  const MenuNav = () =&gt; {
      return (
          &lt;Menu mode=&quot;horizontal&quot;&gt;
              &lt;Menu.Item key=&quot;menu1&quot;&gt;
                  This is my menu title
              &lt;/Menu.Item&gt;
          &lt;/Menu&gt;
      )
  }
  
  export default MenuNav; 
  </code></pre>
  <p>But the result looks like this, no styling at all, but a list:</p>
  <p><a href="https://i.stack.imgur.com/uqvYS.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/uqvYS.png" alt="enter image description here" /></a></p>
  <p>And as you can see here, it understands that the menu is created by the UI library, but there is no antd styling applied:</p>
  <p><a href="https://i.stack.imgur.com/7xbQV.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7xbQV.png" alt="enter image description here" /></a></p>
  <p>This is the story file of <code>MenuNav</code>, <code>3-Menu.stories.js</code>:</p>
  <pre><code>import React from &quot;react&quot;;
  
  import MenuNav from '../components/MenuNav';
  
  export default {
      title: &quot;MenuNav&quot;,
      component: MenuNav,
  };
  
  export const Text = () =&gt; &lt;MenuNav&gt;&lt;/MenuNav&gt;
  </code></pre>
  <p>I already tried to add a <code>config.js</code> inside <code>./storybook</code> as suggested <a href="https://stackoverflow.com/questions/58655667/storybook-and-antdesign-components-how-to-set-up-with-cra-typescript">here</a>, with no success. Furthermore, I tried adding a <code>webpack.config.js</code> in the same directory as recommended <a href="https://stackoverflow.com/questions/51679614/storybook-doesnt-understand-import-on-demand-for-antd-components/53490766#53490766">here</a>, same result.</p>
  <p>What am I doing wrong?</p>