title: experimental syntax 'jsx' isn't currently enabled (react storybook)
body: <p>Reciveving the following error when running storybook:</p>
  <pre><code>WARNING in ./src/stories/button.stories.tsx
  Module build failed (from ./node_modules/babel-loader/lib/index.js):
  SyntaxError: /&lt;path_to_project&gt;/src/stories/button.stories.tsx: Support for the experimental syntax 'jsx' isn't currently enabled (45:35):
  
    43 | const onClick = () =&gt; console.log('clicked');
    44 | 
  &gt; 45 | stories.add(NAME, () =&gt; { return (&lt;Button onClick={onClick}&gt;Hello Button&lt;/Button&gt; );})
       |                                   ^
    46 | 
  
  Add @babel/preset-react (https://git.io/JfeDR) to the 'presets' section of your Babel config to enable transformation.
  If you want to leave it as-is, add @babel/plugin-syntax-jsx (https://git.io/vb4yA) to the 'plugins' section to enable parsing.
      at Parser._raise (/&lt;path_to_project&gt;/node_modules/@babel/parser/lib/index.js:766:17)
  </code></pre>
  <p>However, <code>.babelrc</code> does contain the preset:</p>
  <pre><code>{
      &quot;presets&quot;: [
          [
              &quot;@babel/preset-env&quot;
          ],
          [
              &quot;@babel/preset-react&quot;
          ],
          [
              &quot;@babel/typescript&quot;
          ]
      ],
  }
  
  </code></pre>
  <p>As a side note - I have installed <code>storybook-addon-jsx</code> and registered it via <code>addons.js</code>.</p>
  <p>Any suggestions about how to resolve this?</p>