Third-party component seems broken after applying styled

Used a couple of different third-party components and styling the parent element seems to break the third-party component functionality. Have checked all other questions etc… in the issues log and can’t see anything that would help to resolve this issue.

For example - import Collapse from ‘react-collapse’;

const Wrapper = styled.div ${wrapperStyles}

<Wrapper><h1>Some header</h1><Collapse>Some text...</Collapse></Wrapper>

Expected behaviour is smooth collapsing up and down but if using Wrapper you get a snapping behaviour, checking the code on both renders it looks like the style attribute is not getting appended as expected from the third-party component and if using a normal div without styling it does.

Love to hear from anyone who has experienced this same issue, any way to resolve this? Thanks!

[mxstbr]

Closing due to inactivity, I’m assuming you’ve resolved your issue @puffstream! If not, please let me know and we’ll reopen this.

[jamesstar89]

Sorted! Thank you 😃