🚨 [costagram] eslint - clip-path 오류

🚨 문제상황

eslint 에러 발생!
tailwindCss를 스타일언어로 사용하기 때문에 아이콘을 heroicons라는 오픈소스 SVG 아이콘 라이브러리를 통해 이용하고 있었는데 제공받는 이미지를 위한 태그 속성 중 clip-path 속성이 올바르지 않다는 오류인 것 같다.

❓ 문제분석

친절한 eslint의 오류 메세지를 보면 알 수 없는 'clip-path'속성을 발견했다며, 'clip-path'대신 'clipPath'를 사용하라고 한다.

✨ 해결방안

속성 이름이 'clip-path'라고 되어있는데 react에서는 지원하지 않는 속성명 형태라 오류가 발생한 것으로 확인됐다. 마치 background-color 속성을 backgroundColor라고 사용하는 것처럼 변경하라는 오류 메세지였다.

위와같이 변경하니 오류메세지가 사라졌다 🎉

레퍼런스