Class name labels not added when using a re-exported version of the styled function

Current behavior:

babel-plugin-emotion doesn’t add a class name label when using a re-exported version to the styled function.

To reproduce:

https://codesandbox.io/s/emotion-issue-template-r8v3h

1. Import styled from @emotion/styled and re-export it.
2. Import the re-exported styled in your app and use it to create a component
3. Notice how the class name generated by babel-plugin-emotion does not include the variable name.

Description	Screenshot
Using styled directly from @emotion/styled. Notice -Title is appended to the class name of the <h1>.
Using a re-exported version of styled. Notice -Title is missing from the class name of the <h1>.

Expected behavior:

babel-plugin-emotion should add the appropriate label to class names when using a re-exported version of the styled function. I’m currently using a re-exported version of styled in order to add the correct TypeScript types to the function, as instructed in the documentation.

Environment information:

• react version: 16.12.0
• @emotion/core version: 10.0.22
• @emotion/styled version: 10.0.23
• babel-plugin-emotion version: 10.0.23

[Andarist]

Closing this because, as mentioned, this will be resolved in v11 - but with it, there will also be fewer use cases for re-exporting styled. So, in general, it should become less of a pain to work with. Stay tuned.

[Andarist]

This is a known issue and it has been fixed in v11 (available on npm under next tag). Unfortunately, it’s too complicated to backport this to v10 - but hopefully we should be able to ship v11 in a month (I encourage you to try it out today though, it’s stable and doesn’t include many breaking changes).

Additionally - with v11 you shouldn’t have to reexport styled just to add Theme type. Instead, you will be able to augment builtin interface