emotion createElement 사용 시 css prop 적용 안됨
컴포넌트의 유연한 element 사용을 위해 createElement
를 사용했는데, createElement('input', { css: cssItem }, null)
처럼 사용해도 css prop이 적용되지 않음.
해결법
React.createElement('input', { css: cssItem }, null)
createElement를 emotion에서 제공하는 jsx 함수로 변경해서 사용하자.
import { jsx } from '@emotion/react'
jsx('input', { css: cssItem }, null)