SvgLoaderSelectElement properties doesn't override SVG default CSS

[olavblj]

My SVG file has this style:

    <style type="text/css">
        <![CDATA[
        path {
            stroke: #222222;
            fill: #444444;
        }
    ]]>
    </style>

When I use the SvgLoaderSelectElement with a selector and set fill or stroke, this is ignored because the style mentioned above apparently overrides it. It works with other props such as visibility, since they are not set globally in the SVG.

If you disagree that this is the way it should behave, are there any hacks I can apply to get it how I want?

[nufaylr]

Under the hood, SvgLoaderSelectElement is using react-svgmt's SvgProxy component to select and apply the inline style. Maybe you can move the path style into inline style as props or import as style ?