[styled-components] Can't use css prop

[phuczeero]

Currently, I got two issues:

1. Usage of css prop
2. Typescript error

Ref: https://styled-components.com/docs/api#css-prop

[Can-Sahin]

Well how am I supposed to know what causes error with the typescript error explanation. Please share code samples or sample repository then I'll reopen

[Can-Sahin]

It requires babel-plugin which you can have by either ejecting or rewiring CRA. We won't do that because it's an advanced customization. You have to do it yourself

Here is how to do it
DefinitelyTyped/DefinitelyTyped#31245 (comment)

[phuczeero]

I think if this template support styled-components, it should be reconfigured for css prop feature.
According to my ref link, I could use this way without ejecting:

• import 'styled-components/macro' in which I use css prop
• import {} from 'styled-components/cssprop' in src/types/index.ts to solve css prop type error

Update
If I use css prop on primitive elements, like <span>, <div>, it still throws ts error.