ConsenSysMesh / ConsenSysMesh/rimble-web3-components

[SPIKE] Investigate how to resolve "multiple styled-components" error

Open
#15 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
34
Forks
6
PR merge metrics
No merged PRs in 30d

Description

**Is your feature request related to a problem? Please describe.**
When locally developing new components or working on a local dApp, importing any `rimble-web3-components` AND importing a `rimble-ui` component in the same create-react-app, an error occurs that states "multiple instances of styled components loaded" and causes elements of the page to not get styled properly.

This does not happen when the code is pushed to a production environment as all instances of `styled-components` will be resolved to a single instance.

**Describe the solution you'd like**
Importing both rimble-ui and rimble-web3-components should not need any modifications to webpack to function property.

**Additional context**
Workaround is documented in the root README and also on the styled-components website: https://www.styled-components.com/docs/faqs#how-can-i-fix-issues-when-using-npm-link-or-yarn-link

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.