Play nice with Storybook

Question

Play nice with Storybook

thany opened this issue 4 years ago · comments

Using react-tracking in Storybook causes issues, when also using addon-knobs.

I've been able to boil it down to the track() decorator that appears to do something that messes things up. When I remove that, it works great, but without tracking.

Please refer to this issue: https://github.com/storybookjs/storybook/issues/13011

I'm creating this issue here, simply to create awareness of this from your end.

Jeremy Gayed · Answer 1 · Thu Nov 05 2020 22:18:50 GMT+0800 (China Standard Time)

Thanks for raising this, @thany -- I'm not sure I quite understand the issue or what we can do differently in react-tracking to help. Any ideas?

Martĳn Saly · Answer 2 · Wed Nov 11 2020 23:24:51 GMT+0800 (China Standard Time)

I don't really know what's happening in the background. Something appears to be happening, something is added or changed on a decorated component that the Story component from Storybook doesn't really like. But what exactly? I was hoping, if you have the time of course, you might be willing to collab with the Storybook guys to figure it out.

Jeremy Gayed · Answer 3 · Thu Nov 12 2020 00:01:42 GMT+0800 (China Standard Time)

Do you notice this on both class-based and function-based components? I took a quick look and I noticed that neither your withTracking and their withKnobs wrappers hoist-non-react-statics as we do in react-tracking -- I'm not sure if that might be affecting things?