Addon-docs: GlobalStyles rendered multiple times

Describe the bug Following the documentation for adding global styles to storybook ends up with multiple global style tags because each story on a docs page creates one instance of the global style. This issue is only related to the docs pages not canvas!

To Reproduce Steps to reproduce the behavior:

1. Create a storybook with addon-docs
2. Create a component with multiple stories
3. Add global styles (see Code snippets -> .storybook/config)
4. Click on docs tab
5. Inspect dom. You will see the global style tag is rendered once per story
6. Switch the stories within the current docs page -> clicks x stories = rendered global style tags

Expected behavior Global tags should be rendered once per docs page

Screenshots

Code snippets

.storybook/config

/** @jsx jsx */
import { css, jsx, Global } from '@emotion/core';
import { addDecorator } from '@storybook/react';

// https://www.learnstorybook.com/design-systems-for-developers/react/en/build/
addDecorator((story) => {
  return (
    <Fragment>
      <Global
        styles={css`
          body { background: purple; }					
	`}
      />
      {story()}
    </Fragment>
  );
});

System:

Environment Info:

  System:
    OS: macOS Mojave 10.14.6
    CPU: (16) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
  Binaries:
    Node: 12.14.0 - /usr/local/bin/node
    Yarn: 1.19.2 - /usr/local/bin/yarn
    npm: 6.13.4 - /usr/local/bin/npm
  Browsers:
    Chrome: 79.0.3945.88
    Firefox: 71.0
    Safari: 13.0.3
  Storybook:
    @storybook/react: 5.2.8
    @storybook/addon-docs: 5.2.8

[shilman]

Docs need improving but it’s described here https://github.com/storybookjs/storybook/blob/master/addons/docs/web-components/README.md#stories-not-inline

[smollweide]

Hi @shilman, is inline={false} now available? If so where can I find the docs for it?