Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Library upgrade of react-treebeard to 3.2.0 breaks storybook ui.

See original GitHub issue

Describe the bug Running an upgrade on storybook upgrades react-treebeard dependency to 3.2.0, which breaks storybook/ui.

To Reproduce Steps to reproduce the behavior:

delete node_modules and package-lock.json
Run npm install
run storybook
Storybook starts, but then immediately becomes a blank page, console shows errors with TreeBeard.

Expected behavior Storybook should start

Screenshots … blank screen

Code snippets … not applicable

System:

OS: MacOS
Device: Macbook Pro 2018
Browser: chrome
Framework: react
Version: 1.0.0

Additional context Suggest either changing package.json from “^3.1.0” to “3.1.0” to prevent auto upgrade, OR, fix codebase to work with updated react-treebeard library.

Error:

The above error occurred in the <Container> component:
    in Container (created by ContainerDecorator)
    in div (created by MenuItem)
    in MenuItem (created by ContainerDecorator)
    in ContainerDecorator (created by Context.Consumer)
    in Unknown (created by NodeHeader)
    in NodeHeader (created by TreeNode)
    in li (created by Context.Consumer)
    in Styled(li) (created by TreeNode)
    in TreeNode (created by TreeNode)
    in ul (created by Context.Consumer)
    in Styled(ul) (created by TreeNode)
    in Transition (created by VelocityTransitionGroupChild)
    in VelocityTransitionGroupChild (created by VelocityTransitionGroup)
    in div (created by TransitionGroup)
    in TransitionGroup (created by VelocityTransitionGroup)
    in VelocityTransitionGroup (created by Drawer)
    in Drawer (created by TreeNode)
    in li (created by Context.Consumer)
    in Styled(li) (created by TreeNode)
    in TreeNode (created by TreeBeard)
    in ul (created by Context.Consumer)
    in Styled(ul) (created by TreeBeard)
    in TreeBeard (created by Stories)
    in div (created by Context.Consumer)
    in Styled(div) (created by ForwardRef)
    in ForwardRef (created by Stories)
    in Stories (created by StoriesPanel)
    in div (created by Context.Consumer)
    in Styled(div) (created by ForwardRef)
    in ForwardRef (created by StoriesPanel)
    in StoriesPanel (created by Container(StoriesPanel))
    in Container(StoriesPanel) (created by storiesPanel)
    in storiesPanel (created by Layout)
    in div (created by Context.Consumer)
    in Styled(div) (created by ForwardRef)
    in ForwardRef (created by Layout)
    in div (created by Context.Consumer)
    in Styled(div) (created by ForwardRef)
    in ForwardRef (created by Layout)
    in div
    in Pane
    in div
    in SplitPane (created by Layout)
    in Layout (created by Layout)
    in div (created by Context.Consumer)
    in Styled(div) (created by ForwardRef)
    in ForwardRef (created by Layout)
    in div (created by Layout)
    in Unknown (created by Layout)
    in Layout (created by Container(Layout))
    in Container(Layout)
    in div