How to use a styled-components based ui library with my NextJS app

[mayckcoelho]

I would like to use in my next.js app a shared ui library based in styled-components. That library exports its own themes, ThemeProvider, components and behaviors. But until now, I'm not able to configure properly since the library access de document, so I think it needs to be loaded in the client.

I tried to use dynamic import, configure the _document with the ServerStyleSheet like styled-components docs, configure babel.config.js (that I'm far from an expert), and even create a component that checks if (typeof window !== 'undefined'), but I'm still getting document is not defined error T_T

I was able to use styled-components, so my s-c configuration is right, but the ui library doesn't work.

Is there something that I missed?