Comments (4)
hey @gregberge I just double checked the problem in an isolated repo to make sure there was nothing wrong, but it seems like the xstyled preset is not working properly.
I've tried the same example with emotion and also with xstyled, the emotion preset works well, but the same dummy example with xstyled still throws the Component selectors can only be used in conjunction with babel-plugin-emotion
error
It can be checked in the gif (please click on it 😅)
I created a repo with the config that was used in the gif https://github.com/ivanbanov/xstyled-selector-bug, I really would like to help with a PR but Im not sure how to even debug it
from xstyled.
Storybook is doing weird things. It is complicated to make it work with it. The problem is not in xstyled itself. You have to trick the webpack config of storybook. I think you would have the problem with emotion also, try to find issue for making emotion + storybook working.
from xstyled.
@gregberge seems like there is another bug when using the <ThemeProvider />
with the xstyled preset, it always throws
Property name of JSXClosingElement expected node to be of a type ["JSXIdentifier","JSXMemberExpression","JSXNamespacedName"] but instead got "Identifier"
not sure, but this one seems to be related to this plugin babel-plugin-jsx-pragmatic 🤔
from xstyled.
v2 uses Emotion v11, so it is no longer relevant.
from xstyled.
Related Issues (20)
- xstyled v 3.7.0 typescript error HOT 2
- Incorrect breakpoint with useBreakpoint hook HOT 3
- Why height and width are shortened? HOT 2
- TS error when trying to export xstyled with added utilities HOT 1
- Document site is broken on android chrome when revisited. HOT 1
- Rename the color prop to just c HOT 10
- `border` shorthand handling is buggy HOT 1
- Fractional keys in the theme are not working HOT 1
- Passing `as` prop while using styled notation creates hydration errors in NextJS dev mode HOT 1
- The Documentation should have examples in typescript and plain javascript. HOT 1
- the documentation page has unnecessary horizontal scroll HOT 1
- I'm getting an error using in SSR with NextJS: Attempted import error: 'useState' is not exported from 'react' (imported as 'React').
- Exist a way to generate the style object or classNames to be used in other third party libraries?
- Incompatibility with GatsbyJS? I have problems to make builds to production, the components are not seen with the style.
- Is it possible to style an element based on parent hover? HOT 1
- Are nested color objects in theme supported?
- Nextjs app dir?
- Is there an easier way to adding new utilities?
- Is there any way to remove color preset in colors property?
- Is it possible to have two themes at the same time with Typescript?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from xstyled.