title: SVG with React via svgr failing
body: <p>Having this in the webpack config:</p>
  
  <pre><code>  module: {
      rules: [
        {
          test: /\.svg$/,
          use: ['@svgr/webpack'],
        }
      ]
    },
  </code></pre>
  
  <p>And a simple import Component</p>
  
  <pre><code>import Globe from './Globe.svg'
  
  (...)
  &lt;div&gt;
    &lt;Globe /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Results in the following error with a hard stop for the whole page render.</p>
  
  <pre><code>Warning: &lt;data:image/svg+xml;base64,ZnVuY3Rpb24gX2V... (more here)0.=87…
  ...BkZWZhdWx0IFN2Z0NvbXBvbmVudDs= /&gt; is using incorrect casing. 
  Use PascalCase for React components, or lowercase for HTML elements.
  </code></pre>