Styled-components break with react-router v4

Trying to make use of a styled-component with react-router v4 breaks with the following error

StyledComponent.js:71 Uncaught TypeError: subscribe is not a function
componentWillMount @ StyledComponent.js:71

Confirmed that this isn’t an issue with react-router because This works

const Li = props => <li style={{display: "inline-block"}} {...props}/>

But this fails and throws the above error when used with react-router v4

const Li = styled.li`
display: inline-block` 

[sheepsteak]

I think this may be because react-router also uses broadcasts via react-broadcast and there is a clash as both put broadcasts onto the context. I think the fix above is just papering over the cracks.

Maybe it would be better to remove the broadcast stuff in this module and depend on react-broadcast instead? The code is very similar and there would be no overwriting happening on the context.

[mxstbr]

Released as 1.0.4 – thanks for reporting and testing this everyone!