Conflict with babel-plugin-styled-components

[comerc]

I try to use @reshadow/styled in CRA.

I forgot to exclude babel-plugin-styled-components.

I have error: _reshadow_styled__WEBPACK_IMPORTED_MODULE_6___default(...)(...).withConfig is not a function

[comerc]

And I want to analog of this plugin functionality.

[lttb]

Hi @comerc, thank you for the issue.

The problem is that babel-plugin-styled-components still processes the styled function, despite the fact that it was not imported from styled-components.

We should make it clear in the docs, that it needs to exclude this plugin.

About the plugin functionality:

• SSR

  reshadow works with SSR out of the box, but it is WIP, and there are some things to improve. And it looks like that this option is required for the rehydration which we currently don't support

• Display Names

  I think that would be nice to support for @reshadow/styled too.

  By the way, reshadow itself does not have this problem by design

• Minification, pure comment comments and template strings transpiling are also cool things to support, but I'm not sure that we are missing a lot at this moment without them

An important thing, that reshadow supports the css prop without babel.

I'll try too look at this week in case of reshadow compatibility with babel-plugin-styled-components, and maybe we can make some things work out of the box, but it would be better to implement the same functionality without depending on the styled-components internals