title: React Storybook SVG Failed to execute 'createElement' on 'Document'
body: <p>I'm trying to add Storybook to an existing React app but getting errors with imported svg files. The svg is imported and used like:</p>
  
  <pre><code>import Border from './images/border.inline.svg'
  ...
  &lt;Border className="card__border" /&gt;
  </code></pre>
  
  <p>This works when the app is run and built, but I get an error in Storybook. How come?</p>
  
  <pre><code>
  Failed to execute 'createElement' on 'Document': The tag name provided ('static/media/border.inline.258eb86a.svg') is not a valid name.
  Error: Failed to execute 'createElement' on 'Document': The tag name provided ('static/media/border.inline.258eb86a.svg') is not a valid name.
  
  </code></pre>
  
  <p>The default webpack.config.js has:</p>
  
  <pre><code>  ...
    {
      test: /\.inline.svg$/,
      loader: 'svg-react-loader'
    },
    ...
  </code></pre>
  
  <p>Also, the existing code uses webpack 3, and I'm using Storybook V4.</p>