title: react storybook addon knobs not showing
body: <p>I cant seem to be getting the @storybook addon knobs working? It doesnt seem to be decorating the actual story. Pretty much followed <a href="https://github.com/storybooks/storybook/tree/master/addons/knobs" rel="noreferrer">this</a></p>
  
  <p>My code below.. Im using getstorybook with create-react-app</p>
  
  <p>Using below packages:</p>
  
  <pre><code>@storybook/addon-actions": "^3.1.2,
  @storybook/addon-info": "^3.1.4,
  @storybook/addon-knobs": "^3.1.2,
  @storybook/react": "^3.1.3
  </code></pre>
  
  <p>my setup </p>
  
  <pre><code>//.storybook/addons.js
  import '@storybook/addon-knobs/register'
  
  //.config
  import { configure, setAddon, addDecorator } from '@storybook/react';
  import infoAddon from '@storybook/addon-info';
  
  setAddon(infoAddon);
  
  function loadStories() {
    require('../stories');
  }
  
  configure(loadStories, module);
  
  //stories/index.js
  import React from 'react';
  import { withKnobs, text, boolean, number } from '@storybook/addon-knobs';
  import { storiesOf } from '@storybook/react';
  
  const stories = storiesOf('Storybook Knobs', module);
  
    // Add the `withKnobs` decorator to add knobs support to your stories.
    // You can also configure `withKnobs` as a global decorator.
    stories.addDecorator(withKnobs);
  
    // Knobs for React props
    stories.add('with a button', () =&gt; (
      &lt;button disabled={boolean('Disabled', false)} &gt;
        {text('Label', 'Hello Button')}
      &lt;/button&gt;
    ))
  </code></pre>
  
  <p>This should be a no brainer, but no suck luck.</p>