I get styled-components warning, if using react-table-library

Hey,

I have an app (create-react-app) with the styled-components-dependency. Now I added react-table-library and get following warning:

It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.

See https://s-c.sh/2BAXzed for more info.

I see, we have babel-plugin-styled-components at package.json of react-table-library, but I can’t figure out why the warning happened, so far.

Do you have an idea? Should we mark styled-components as external in this lib? Do you know a workaround for now (maybe resolutions)?

Thx

[rwieruch]

Let’s keep the babel plugin for now. I have only SC before and switched to the babel plugin under the assumption that SC would go away this way. But like you said, the plugin uses SC under the hood.

[wuarmin]

The babel plugin could be removed by using default SC styling. I can’t think of a better alternative (in best case no dep) to SC either. With emotion it would be the same, wouldn’t it?

What do you think of just using SASS? Library users could apply custom themes, by using table-library’s class names.