Storybook: Console error on expanding action details in action logger.

Created on 29 Jun 2017  ·  2Comments  ·  Source: storybookjs/storybook

Getting a console error when I click on an action details in the Action Logger:

Uncaught TypeError: Cannot read property 'dimmed' of undefined at ObjectName (ObjectName.js?e942:43) at ReactCompositeComponent.js?d2b3:306 at measureLifeCyclePerf (ReactCompositeComponent.js?d2b3:75) at ReactCompositeComponentWrapper._constructComponentWithoutOwner (ReactCompositeComponent.js?d2b3:305) at ReactCompositeComponentWrapper._constructComponent (ReactCompositeComponent.js?d2b3:280) at ReactCompositeComponentWrapper.mountComponent (ReactCompositeComponent.js?d2b3:188) at Object.mountComponent (ReactReconciler.js?399b:46) at ReactDOMComponent.mountChildren (ReactMultiChild.js?9682:238) at ReactDOMComponent._createInitialChildren (ReactDOMComponent.js?ab8a:697) at ReactDOMComponent.mountComponent (ReactDOMComponent.js?ab8a:516) ObjectName @ ObjectName.js?e942:43 (anonymous) @ ReactCompositeComponent.js?d2b3:306 measureLifeCyclePerf @ ReactCompositeComponent.js?d2b3:75 _constructComponentWithoutOwner @ ReactCompositeComponent.js?d2b3:305 _constructComponent @ ReactCompositeComponent.js?d2b3:280 mountComponent @ ReactCompositeComponent.js?d2b3:188 mountComponent @ ReactReconciler.js?399b:46 mountChildren @ ReactMultiChild.js?9682:238 _createInitialChildren @ ReactDOMComponent.js?ab8a:697 mountComponent @ ReactDOMComponent.js?ab8a:516 mountComponent @ ReactReconciler.js?399b:46 performInitialMount @ ReactCompositeComponent.js?d2b3:371 mountComponent @ ReactCompositeComponent.js?d2b3:258 mountComponent @ ReactReconciler.js?399b:46 performInitialMount @ ReactCompositeComponent.js?d2b3:371 mountComponent @ ReactCompositeComponent.js?d2b3:258 mountComponent @ ReactReconciler.js?399b:46 mountChildren @ ReactMultiChild.js?9682:238 _createInitialChildren @ ReactDOMComponent.js?ab8a:697 mountComponent @ ReactDOMComponent.js?ab8a:516 mountComponent @ ReactReconciler.js?399b:46 mountChildren @ ReactMultiChild.js?9682:238 _createInitialChildren @ ReactDOMComponent.js?ab8a:697 mountComponent @ ReactDOMComponent.js?ab8a:516 mountComponent @ ReactReconciler.js?399b:46 performInitialMount @ ReactCompositeComponent.js?d2b3:371 mountComponent @ ReactCompositeComponent.js?d2b3:258 mountComponent @ ReactReconciler.js?399b:46 performInitialMount @ ReactCompositeComponent.js?d2b3:371 mountComponent @ ReactCompositeComponent.js?d2b3:258 mountComponent @ ReactReconciler.js?399b:46 updateChildren @ ReactChildReconciler.js?dd13:121 _reconcilerUpdateChildren @ ReactMultiChild.js?9682:208 _updateChildren @ ReactMultiChild.js?9682:312 updateChildren @ ReactMultiChild.js?9682:299 _updateDOMChildren @ ReactDOMComponent.js?ab8a:936 updateComponent @ ReactDOMComponent.js?ab8a:754 receiveComponent @ ReactDOMComponent.js?ab8a:716 receiveComponent @ ReactReconciler.js?399b:125 updateChildren @ ReactChildReconciler.js?dd13:109 _reconcilerUpdateChildren @ ReactMultiChild.js?9682:208 _updateChildren @ ReactMultiChild.js?9682:312 updateChildren @ ReactMultiChild.js?9682:299 _updateDOMChildren @ ReactDOMComponent.js?ab8a:936 updateComponent @ ReactDOMComponent.js?ab8a:754 receiveComponent @ ReactDOMComponent.js?ab8a:716 receiveComponent @ ReactReconciler.js?399b:125 _updateRenderedComponent @ ReactCompositeComponent.js?d2b3:754 _performComponentUpdate @ ReactCompositeComponent.js?d2b3:724 updateComponent @ ReactCompositeComponent.js?d2b3:645 receiveComponent @ ReactCompositeComponent.js?d2b3:547 receiveComponent @ ReactReconciler.js?399b:125 _updateRenderedComponent @ ReactCompositeComponent.js?d2b3:754 _performComponentUpdate @ ReactCompositeComponent.js?d2b3:724 updateComponent @ ReactCompositeComponent.js?d2b3:645 performUpdateIfNecessary @ ReactCompositeComponent.js?d2b3:561 performUpdateIfNecessary @ ReactReconciler.js?399b:157 runBatchedUpdates @ ReactUpdates.js?8e6b:150 perform @ Transaction.js?f15f:140 perform @ Transaction.js?f15f:140 perform @ ReactUpdates.js?8e6b:89 flushBatchedUpdates @ ReactUpdates.js?8e6b:172 closeAll @ Transaction.js?f15f:206 perform @ Transaction.js?f15f:153 batchedUpdates @ ReactDefaultBatchingStrategy.js?e9be:62 batchedUpdates @ ReactUpdates.js?8e6b:97 dispatchEvent @ ReactEventListener.js?944f:147

actions bug
Source
picture hamishtaplin
👍2

Most helpful comment

I encountered the error spotted by @shilman and tracked it down to a bug in the latest release of react-inspector, and put in a fix here: https://github.com/xyc/react-inspector/pull/35

picture jasonphillips on 2 Jul 2017
👍3

All 2 comments

Getting a slightly different error when I try it on my machine, but definitely looks like there's a problem here:

ObjectName.js:43 Uncaught TypeError: Cannot read property 'dimmed' of undefined
    at ObjectName (ObjectName.js:43)
    at ReactCompositeComponent.js:305
    at measureLifeCyclePerf (ReactCompositeComponent.js:75)
    at ReactCompositeComponentWrapper._constructComponentWithoutOwner (ReactCompositeComponent.js:304)
    at ReactCompositeComponentWrapper._constructComponent (ReactCompositeComponent.js:279)
    at ReactCompositeComponentWrapper.mountComponent (ReactCompositeComponent.js:187)
    at Object.mountComponent (ReactReconciler.js:45)
    at ReactDOMComponent.mountChildren (ReactMultiChild.js:236)
    at ReactDOMComponent._createInitialChildren (ReactDOMComponent.js:703)
    at ReactDOMComponent.mountComponent (ReactDOMComponent.js:522)
shilman picture shilman on 29 Jun 2017

I encountered the error spotted by @shilman and tracked it down to a bug in the latest release of react-inspector, and put in a fix here: https://github.com/xyc/react-inspector/pull/35

jasonphillips picture jasonphillips on 2 Jul 2017
👍3
Was this page helpful?
0 / 5 - 0 ratings

Related issues

sakulstra picture sakulstra  ·  3Comments
zvictor picture zvictor  ·  3Comments
Jonovono picture Jonovono  ·  3Comments
alexanbj picture alexanbj  ·  3Comments
tomitrescak picture tomitrescak  ·  3Comments