How do I get rid of react error warnings telling me to change svg attributes to camel case?
<p>Recently my team upgraded from React 15.1 to 15.3. With this upgrade comes these errors: </p>

<pre><code>warning.js:36 Warning: Unknown DOM property stroke-width. Did you mean strokeWidth?
    in g
    in svg
    in div (created by Unknown)
    in div (created by Unknown)
    in Unknown

warning.js:36 Warning: Unknown DOM property fill-rule. Did you mean fillRule?
    in g
    in svg
    in div (created by Unknown)
    in div (created by Unknown)
    in Unknown
</code></pre>

<p>I understand that react wants multi-word properties as camel case, but these SVGs need to be usable in a non-React context. Also, they aren't mentioned in any js or jsx file, just in css as a background image like this.</p>

<pre><code>.icon-sprite {
    background-image: url('~icons/sprite.svg');
}

@mixin spriteIcon72( $spriteVals ) {
    @extend .icon-sprite;
    background-repeat: no-repeat;
    background-position: nth($spriteVals, 1) nth($spriteVals, 2);
    background-size: 1300px 600px;
}
</code></pre>

<p>The class that the react component would use itself looks like this</p>

<pre><code>.active-icon {
    @include spriteIcon72($sprite-active);
}
</code></pre>

<p>How can I get React to stop logging errors in the console about this?</p>