Comments (17)
@kopax https://gist.github.com/vernondegoede/0575d268d52e00f221cc86057fb938d1
from styled-components.
Yes, it's working fine. Just use the addDecorator
method which comes with react-storybook.
from styled-components.
/cc @arunoda @mnmtanish, maybe you have some input about how you're using context before I find time to dig in?
from styled-components.
Thank you for reporting this, I will take a look today! Sounds like they rely on some context updates which we might or might not be blocking.
from styled-components.
Can you retry with v1.0.4
of styled-components
? If it was a context issue that should've fixed it.
from styled-components.
I just checked it out. The bug is still there.
https://github.com/mnmtanish/storybook_styled-components_example/pull/2
from styled-components.
Thank you, this does seem to be something else then! Any errors in the console?
from styled-components.
No errors in console.
from styled-components.
@mxstbr I didn't try this yet or read the code in full.
But I suspect the issue lies here
Components rendered on Storybook never see componentWillReceiveProps
hook. That's because we always do the initial rendering.
from styled-components.
Components rendered on Storybook never see componentWillReceiveProps hook. That's because we always do the initial rendering.
I don't quite understand this – shouldn't the components still receive props?
from styled-components.
@mxstbrcomponentWillReceiveProps
is no called in the initial render. In React Storybook, we only the do the initial render.
from styled-components.
Hi everyone,
not sure if this is related but I get a TypeError due to ThemeProvider#unsubscribeToOuter
being undefined in componentWillUnmount
.
from styled-components.
@thuringia which version are you on? I'm pretty sure we fixed that a week or two ago!
from styled-components.
@mxstbr apparently we're still using 1.0.3. Seems like somebody pinned the versions without my knowledge. Sorry!
from styled-components.
@arunoda pardon my ignorance, but your statement about React Storybook only doing the initial render confuses me. With addons like Knobs, I'm able to change props in realtime...how would this be different??
from styled-components.
Is react-storybook now working with styled ?
from styled-components.
One last thing, @vernondegoede what should be the parameter passed to addDecorator
?
from styled-components.
Related Issues (20)
- correct work in nextjs app route with plugins
- TypeError: __vite_ssr_import_5__.default.div is not a function [fixed]
- `css` props are not applied within the server component.
- Failed to parse `&` multiple times in `:is() :where() :has()` pseudo-class selector
- Theme prop (not styled) is not being passed through HOT 1
- Feature request for v5 to ease migration to v6 of large ecosystems
- Interplay of `shouldForwardProp` clarifying question
- Export the `toStyleSheet` function HOT 3
- createGlobalStyle not working version >= 5.3.1 HOT 1
- [Docs] Lint for pseudo selectors - Styled Components update from v5 to v6 HOT 1
- Tailwind selectors do not work the expected (from me) way
- React SSR Streaming Bug
- Error while building project after upgrading from 5.3.11 to 6.0.0 HOT 2
- styled-components is ~50% larger than it could be due to IE11 support HOT 1
- Cannot infer the 'as' and 'forwardedAs' props by React.ComponentProps
- Ssr not picking up styled components from an npm package HOT 1
- error TS4023 when compiling a library that uses "styled-components": "^6.1.9" HOT 4
- Required attrs type fixes for 6.1.9 not applied when using prop factory
- Types of `.attrs` are still broken for React Native on 6.1.9 when using `styled()` HOT 2
- Required attrs type fixes for 6.1.9 not applied when using union props HOT 1
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 styled-components.