styled-components as peerDependency

[devboell]

There's an issue with having two instances of styled-components running at the same time. For now I put it in webpack externals, but I'd rather not force a user to install styled-components if they are not using it themselves.

[alexkilla]

Hi @devboell great to get to know your project I'm trying to use it but I got the error you describe above.

$ yarn add react-fretboard
yarn add v0.27.5
[1/4] Resolving packages...
[2/4] Fetching packages...
[3/4] Linking dependencies...
warning "react-fretboard@0.0.11" has unmet peer dependency "styled-components@^3.2.3".
[4/4] Building fresh packages...
success Saved 1 new dependency.
└─ react-fretboard@0.0.11
Done in 4.62s.

Is there a workaround for this? pretty new to react and new webpack setup thing.

[devboell]

Hi @alexkilla, it should work when you install styled-components in your own project. Have you tried that?

[ccorcos]

Not working for me with a simple example: https://codesandbox.io/s/nervous-albattani-1w35z?file=/src/App.js:113-194

[devboell]

@ccorcos I don't know what is going on here, seems codesandbox is looking for styled-components in the wrong place.

[jordanforbes]

Hi @devboell this library looks fantastic and would be great for what I'm working on, but I'm running into the same exact issue as everyone else. styled-components is breaking this project.