HTML stories misrender in canvas

Describe the bug When Storybook first loads in a set of HTML stories in Canvas, the one selected on initial page load renders properly. The first story you navigate to afterward renders the raw HTML. Navigating away and back to it a second time, it renders properly.

To Reproduce Steps to reproduce the behavior:

1. Run an HTML Storybook with multiple stories
2. Load Storybook in the browser
3. Click a story other than the initial one
4. Observe the raw HTML
5. Navigate to any other story and back to the problematic one
6. Observe it renders properly

Expected behavior Stories render properly regardless of when/how you arrive at them.

Screenshots

Code snippets

...

## Base alert

<Preview>
    <Story name='Base alert'>{`
        <div class="alert" role="alert">
          <span class="alert__icon">...</span>
          ${text('Alert text', 'Hello World', 'base')}
        </div>
    `}</Story>
</Preview>

## Info alert

<Preview>
    <Story name='Info alert'>{`
        <div class="alert alert--info" role="alert">
          <span class="alert__icon">...</span>
          ${text('Alert text', 'Info', 'info')}
        </div>
    `}</Story>
</Preview>

System:

Environment Info

<div>

  System:
    OS: macOS Mojave 10.14.5
    CPU: (12) x64 Intel(R) Core(TM) i7-8750H CPU @ 2.20GHz
  Binaries:
    Node: 12.4.0 - ~/.nvm/versions/node/v12.4.0/bin/node
    npm: 6.13.4 - ~/.nvm/versions/node/v12.4.0/bin/npm
  Browsers:
    Chrome: 79.0.3945.88
    Firefox: 71.0
    Safari: 12.1.1
  npmPackages:
    @storybook/addon-a11y: ^5.3.0-rc.0 => 5.3.0-rc.0
    @storybook/addon-docs: ^5.3.0-rc.0 => 5.3.0-rc.0
    @storybook/addon-knobs: ^5.3.0-rc.0 => 5.3.0-rc.0
    @storybook/addon-storysource: ^5.3.0-rc.0 => 5.3.0-rc.0
    @storybook/html: ^5.3.0-rc.0 => 5.3.0-rc.0
    @storybook/react: ^5.3.0-rc.0 => 5.3.0-rc.0
    @storybook/source-loader: ^5.3.0-rc.0 => 5.3.0-rc.0

</div>

[supersnager]

@daneah thank You for this comment. I did almost the same, and your explanation led me to my own bug 😃

[daneah]

Oh, I spoke slightly too soon and it looks like this is a big d’oh on our part. I tried uninstalling @storybook/react, which led me to an unexpected import of it inside our HTML preview.js…switching that to the expected @storybook/html import seems to have everything working properly. Funny that it mostly worked except for that 😂 I’m closing this!