SVG를 사용하면서 오류가 나고 있었던 SVG 사용처에 대해서 수정을 진행했다.
키오스쿨 프론트는 정상적으로 동작하고 있지만 콘솔창을 켜보면 아래와 같은 에러가 항상 나고 있었다.
보통 큰 오류는 화면을 안그려주거나 하는 방식으로 우리에게 알려주기 때문에 이 오류는 좀 무시하고 있는 경향도 있었다. 하지만 지금은 열심히 리팩토링 및 개선을 해나가고 있는 상황이기 때문에 이러한 오류도 줄여보려고 노력중이었기 때문에 수정을 진행해보았다.
대게 오류들이 그렇듯, 알려주는 힌트대로 수정하면 보통 다 해결이 된다. 해당 오류 메시지에는 useBackIcon 프로퍼티를 소문자로 바꾸라고 적혀있어 해당 프로퍼티를 소문자로 바꿔보았지만 해결이 되지 않았다.
해당 오류를 인터넷이 검색해보니 spread를 메소드를 통해서 props를 넘겨줄 때 받는 컴포넌트에서 받지 못하는 프로퍼티까지 넘길 때 나오는 오류라는 것을 알아냈다. 그래서 useBackIcon을 사용하는 컴포넌트에서 열심히 nullable로도 바꿔보고 삭제도 해보고 이런 저런 시도를 해봤지만 해결되지 않았다.
하지만 문제가 계속 생기는 것은 이상하여 조금 더 찾아보니 SVG에서 useBackIcon 을 받고 있어서 생긴 문제였다. 이게 왜 SVG까지 타고갔는가에 대해서 찾아봤더니 아래와 같았다.
