react.js svg fill="current" 안먹힘 방지

svg 사용법에 대해서는 익히들 검색 하고 왔을거라 생각한다 ...

바꾸고 싶은 요소는 대략 아래 처럼 current 로 지정후, 컴포넌트로 변환한 곳에서 데이터를 넘겨 준다.

<svg  width="current" height="current">
	<path fill = "current" />
</svg>

<SvgComponent width="30" height="30" fill="red"/>

하지만 아무리해도 fill 의 데이터가 안먹히고 여전히 fill = "current" 로 남아있어서 열심히 서칭한 결과 ..

코드1) <g fill="none" fill-rule="evenodd">

최상단에 위처럼 지정된 코드가 있었다 .. 여기서 fill="none" 항목을 지우거나 대체해 주면된다 ..

정말 어이없는 이슈이지만... 아무리 검색해도 잘 나오지 않았는데 유의해야할 사항이 될 것 같아 이렇게 글로 남겨 본다 ㅠ.ㅠ...