React.js typescript emotion.js 조합에서 emotion.js에 props넘기는 법

display속성을 props로 받아서 넘기는 코드를 구현했다.

컴포넌트에 어떤 display를 넘길지에 대한 props를 전달해주고,

emotion.js에서 props을 받아 처리해주는 코드였다.

해당 코드를 썼을 때 빨간줄이 뜨긴 했지만 로컬에서 돌아갈 때는 문제가 없었는데 배포에 실패했다.

해결방법을 찾아보니 타입스크립트를 쓰면서 emotion.js(CSS in JS)에 프롭스를 넘겨주는 방법은 다음과 같았다.

How to pass props to a styled component in emotion? Using TypeScript

타입을 선언해주고

emotion.js에서 props타입이 뭔지 알려준다.

끝.