stitches: react_1.styled is not a function
I took the evening to migrate my library from using styled-components to stitches. When I start Storybook, the styles get applied perfectly. However, when I build the library and install it somewhere else, I get: react_1.styled is not a function. (see here).
This is the branch of my library where I am using stitches now: https://github.com/table-library/react-table-library/tree/feat/stitches Compared to using styled-components (or emotion), I thought I wouldn’t have to change anything in the tsconfig.json or babel.config.js to make it work. Or am I wrong here? I am using rollup to bundle everything.
Thanks for your help! Really looking forward getting this to work!
About this issue
- Original URL
- State: open
- Created 2 years ago
- Reactions: 2
- Comments: 15 (3 by maintainers)
React 18 is not supported. See https://github.com/stitchesjs/stitches/issues/1059
We have switched over to Emotion.
I get the same with brand new minimal apps. This is a brand new create-react-app application with only storybook and Stitches installed. It exports one button: https://github.com/jnoer/storybook/tree/no-stitches-config
Target application. It’s a brand new create-react-app that imports the above button component: https://github.com/jnoer/react-app/tree/no_stitches_config
I tested with Emotion instead of Stitches and that does work.
@hadihallak Can we reopen this?
I had opened this issue which is the same, but the error is a little different since it uses stitches.config.js. https://github.com/stitchesjs/stitches/issues/1061