css prop

간단한 프로젝트의 경우 테스트용으로 codesandbox를 사용하는데 이때 react, emotion사용시 css prop과 관련한 에러가 발생할 수 있다.

/** @jsx jsx */ 
or
/** @jsxImportSource @emotion/react */
...
최상단에 위와같은 코드를 넣어주면 된다.

참고링크 https://emotion.sh/docs/css-prop#jsx-pragma

일반 프로젝트일때는 babel preset을 통해 해결해 줄 수 있는데
codesandbox에서는 위와 같은 방식으로 해결해야한다.