[React] Invalid dom property `stroke-width`. did you mean `strokewidth`경고 해결방법

ERROR 발생

필자는 리액트 실행 중 console.log에 아래와 같은 경고를 만났다.

Invalid dom property `stroke-width`. did you mean `strokewidth`

 

해결방법

svg 파일을 가져올 때, '

 stroke-width' 와 'fill-rule'로 가져와지는데 문법형식을 지키지 않아서 나는 오류이기 때문에 아래와 같이 고쳐줘야 한다.

=> 자바스크립트의 '카멜표기법'으로 바꿔줘야 한다.

<g id="Slack-Logo" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">