Crashes when using the Playground component
To Reproduce
Just wrapping my components in
馃毃 Whoops, we crashed 馃毃
Passed an incorrect argument to a color function, please pass a string representation of a color.
Stack trace
in Styled(div) (created by right)
in right (created by Resizable)
in div (created by Resizer)
in Resizer (created by Resizable)
in span (created by Resizable)
in div (created by Resizable)
in Resizable (created by RenderBase)
in div (created by Context.Consumer)
in Styled(div) (created by RenderBase)
in div (created by LiveProvider)
in LiveProvider (created by RenderBase)
in RenderBase (created by Context.Consumer)
in ThemeConfig (created by Render)
in Render (created by BasePlayground)
in BasePlayground (created by Context.Consumer)
in Component (at text.mdx:19)
in div (created by MDXTag)
in MDXTag (created by Context.Consumer)
in Component (at text.mdx:14)
in MDXContent (created by AsyncComponent)
My mdx code:
name: Button
---
import { Playground } from 'docz'
import { Button } from './button'
# Button
## Basic usage
<Playground>
<Button
label='Click me'
/>
</Playground>
More Information:
I already see this issue: https://github.com/pedronauck/docz/issues/540
And I already install the docz-theme-default and still crash
EDIT: I did this example app to simulate the problem, take a look:
https://github.com/rodrigowpl/rn-docz-play
Expected behavior
Render without crashing
Environment
Same on my Windows, apart of it there missed some theme styles, so menu looks broken
Same here! :cry:
Any updates? Have the same problem with 0.13.7
I've updated my comment and add an example app that I did just to simulate the problem
This works for me -
"devDependencies": {
"@emotion/core": "^10.0.6",
"docz": "^0.13.7",
"docz-theme-default": "^0.13.7",
"emotion-theming": "^10.0.6",
},
thrown from
node_modules/polished/lib/color/parseToRgb.js
Most helpful comment
This works for me -