💡Aha!

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)
2024 Dohyun Jung.
Made with ☕️.