Docz: Crashes when using Playground Component - docz v0.13.7

Created on 28 Dec 2018  路  6Comments  路  Source: doczjs/docz

Bug Report

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

  • OS: OSX 10.14.2
  • Node/npm version: [e.g. Node 8/npm 6]
  • react-native 0.57.8
  • react 16.6.3
  • styled-components 4.1.3
  • docz 0.13.7

Most helpful comment

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",
  },

All 6 comments

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

Was this page helpful?
0 / 5 - 0 ratings

Related issues

tsnolan23 picture tsnolan23  路  3Comments

koddr picture koddr  路  3Comments

albinekb picture albinekb  路  3Comments

mariusespejo picture mariusespejo  路  3Comments

merelinguist picture merelinguist  路  3Comments