title: Storybook|React hot reload isn't working v5.1.11
body: <p>Simple as that, Hot Reload isn't working at all, I follow the exact steps <a href="https://storybook.js.org/docs/guides/guide-react/" rel="nofollow noreferrer">https://storybook.js.org/docs/guides/guide-react/</a></p>
  
  <blockquote>
    <p>.storybook/config.js</p>
  </blockquote>
  
  <pre><code>import { configure } from '@storybook/react';
  
  // automatically import all files ending in *.stories.js
  const req = require.context('../stories', true, /\.stories\.js$/);
  function loadStories() {
    req.keys().forEach(filename =&gt; req(filename));
  }
  
  configure(loadStories, module);
  </code></pre>
  
  <blockquote>
    <p>stories/index.stories.js</p>
  </blockquote>
  
  <pre><code>import React from 'react';
  
  import { storiesOf } from '@storybook/react';
  import { action } from '@storybook/addon-actions';
  import { linkTo } from '@storybook/addon-links';
  
  import { Button, Welcome } from '@storybook/react/demo';
  
  storiesOf('Welcome', module).add('to Storybasdook', () =&gt; &lt;Welcome showApp={linkTo('Button')} /&gt;);
  
  storiesOf('Buttasdawon', module)
    .add('with text', () =&gt; &lt;Button onClick={action('clicasdawked')}&gt;Hello Button&lt;/Button&gt;)
    .add('with some emoji', () =&gt; (
      &lt;Button onClick={action('clicked')}&gt;
        &lt;span role="img" aria-label="so cool"&gt;
             
        &lt;/span&gt;
      &lt;/Button&gt;
    ));
  </code></pre>
  
  <p>When I run <code>yarn storybook</code> everything works fine, but lets say I want to change <code>.add('with some emoji'..</code> to <code>.add('with some emojiiiiii..'</code> nothing changes, I need to relaunch <code>yarn storybook</code> to see changes</p>