styled-components / xstyled

A utility-first CSS-in-JS framework built for React. 💅👩‍🎤⚡️
https://xstyled.dev
MIT License
2.27k stars 107 forks source link

Error when using component as selectors with emotion and nextjs #370

Open natelindev opened 2 years ago

natelindev commented 2 years ago

🐛 Bug Report

A clear and concise description of what the bug is.

When using xstyled with nextjs, an error will be caused TypeError: Cannot convert a Symbol value to a string

If I switch imports to @emotion/styled, it will not cause this error.

To Reproduce

Steps to reproduce the behavior:

see sandbox: https://stackblitz.com/edit/nextjs-1qcbrs?file=pages%2Findex.js

Expected behavior

the code should work as intented, no error should be thrown.

Link to repl or repo (highly encouraged)

see sandbox: https://stackblitz.com/edit/nextjs-1qcbrs?file=pages%2Findex.js