[react] styled components의 타입 중 SimpleInterpolation

프로젝트에 타입스크립트를 적용하는데 예끼치 않은 곳에서 다소 막막한 에러에 직면했다.
버튼의 테마를 몇가지 지정해두고 props로 받는데, 이때 받는 타입을 어떻게 하느냐가 문제였다.
아무리 봐도 string일거같은데 에러가 사라지질 않았다. 뭐 엄청 길게 뭐라고 하는 것 같긴 한데...ㅜㅜ 하다가 타입스크립트 공부를 더 했다.
그리고 뭐라고 엄청 길게 나왔던 FlattenSimpleInterpolation 이라는 타입을 스타일드 컴포넌트로부터 import해와서 해결했다!

FlattenSimpleInterpolation

type FlattenSimpleInterpolation = readonly SimpleInterpolation[]
import FlattenSimpleInterpolation

FlattenSimpleInterpolation는 SimpleInterpolation로 이루어진 배열. 즉, SimpleInterpolation를 여러개로 결합한 타입이다.
SimpleInterpolation은 문자열 템플릿을 사용하여 스타일 값을 동적으로 생성하는 방법 중 하나이다.