CRA Typescript: CreateStyled and styled in @emotion/styled/marco doesn't work

[albusphan]

Current behavior:
Using CreateStyled and styled from @emotion/styled in my CRA Typescript project keep throw error:
Error: Component selectors can only be used in conjunction with babel-plugin-emotion.

Code :

import styled, { CreateStyled } from '@emotion/styled'

import { Theme } from './index'

export default styled as CreateStyled<Theme>

Environment information:

• react version: 16.12.0
• emotion version: 10.0.27

Note: The styled will work if using standalone in a component

[Andarist]

This, unfortunately, doesn't work with pure TS in emotion 10. There are no plans to fix it because we have chosen other way of customizing the Theme type in the upcoming v11 (already available on npm and very much usable!):
#1606 (comment)

I would recommend migrating to v11 if you are interested in this.

[Andarist]

Closing because of what has been stated in the above comment.