Rebass: Creation of custom styled components

[tpkiddle]

Is there currently a way of creating custom components? Ideally through the use of styled-components 'styled' function?

[jxnblk]

Not sure I understand the question. You can use styled-components directly to create whatever components you want

[tpkiddle]

Thats what I would have assumed although that gives me the following error:

styled-components.browser.es.js:2211 It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles not rendering properly, errors happening during rehydration process and makes you application bigger without a good reason

Doing this also breaks the default theme in rebass.

[jxnblk]

You'll want to make sure you only install one instance of styled-components that's compatible with the range here https://github.com/jxnblk/rebass/blob/master/package.json#L29 – it might be worth rm -rf node_modules && npm i to see if that clears up your issue