SSR issue with @theguild/components due to react-paginate dependency

[PabloSzx]

[PabloSzx]

After pinning react-paginate to 7.1.3 now a new issue appears:

yarn build                                               ✔ 
yarn run v1.22.11
$ next build
info  - Using webpack 5. Reason: no next.config.js https://nextjs.org/docs/messages/webpack5
info  - Checking validity of types  
info  - Creating an optimized production build  
info  - Compiled successfully
info  - Collecting page data  
[=== ] info  - Generating static pages (0/3)
Error occurred prerendering page "/". Read more: https://nextjs.org/docs/messages/prerender-error
TypeError: stylis.middleware is not a function
    at Object.createCache [as default] (/home/pablosz/the-guild-components/node_modules/@emotion/react/node_modules/@emotion/cache/dist/emotion-cache.cjs.prod.js:117:73)
    at /home/pablosz/the-guild-components/node_modules/@emotion/react/dist/emotion-element-94e2cf49.cjs.prod.js:27:66
    at d (/home/pablosz/the-guild-components/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:33:498)
    at bb (/home/pablosz/the-guild-components/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:36:16)
    at a.b.render (/home/pablosz/the-guild-components/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:42:43)
    at a.b.read (/home/pablosz/the-guild-components/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:41:83)
    at exports.renderToString (/home/pablosz/the-guild-components/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:52:138)
    at Object.renderPage (/home/pablosz/the-guild-components/node_modules/next/dist/next-server/server/render.js:54:854)
    at Function.getInitialProps (/home/pablosz/the-guild-components/examples/nextjs/.next/server/pages/_document.js:543:19)

[PabloSzx]

After pinning react-paginate to 7.1.3 now a new issue appears:

yarn build                                               ✔ 
yarn run v1.22.11
$ next build
info  - Using webpack 5. Reason: no next.config.js https://nextjs.org/docs/messages/webpack5
info  - Checking validity of types  
info  - Creating an optimized production build  
info  - Compiled successfully
info  - Collecting page data  
[=== ] info  - Generating static pages (0/3)
Error occurred prerendering page "/". Read more: https://nextjs.org/docs/messages/prerender-error
TypeError: stylis.middleware is not a function
    at Object.createCache [as default] (/home/pablosz/the-guild-components/node_modules/@emotion/react/node_modules/@emotion/cache/dist/emotion-cache.cjs.prod.js:117:73)
    at /home/pablosz/the-guild-components/node_modules/@emotion/react/dist/emotion-element-94e2cf49.cjs.prod.js:27:66
    at d (/home/pablosz/the-guild-components/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:33:498)
    at bb (/home/pablosz/the-guild-components/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:36:16)
    at a.b.render (/home/pablosz/the-guild-components/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:42:43)
    at a.b.read (/home/pablosz/the-guild-components/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:41:83)
    at exports.renderToString (/home/pablosz/the-guild-components/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:52:138)
    at Object.renderPage (/home/pablosz/the-guild-components/node_modules/next/dist/next-server/server/render.js:54:854)
    at Function.getInitialProps (/home/pablosz/the-guild-components/examples/nextjs/.next/server/pages/_document.js:543:19)

Fixed by removing node_modules and installing again 🤦‍♂️