storybook: [5.0.0] Prop type error in the console when resizing browser window to less than 600px

Describe the bug The following error appears in the console:

Warning: Failed prop type: Invalid prop `active` of type `boolean` supplied to `<<anonymous>>`, expected `number`.
    in Unknown (created by MobileLayout)
    in MobileLayout (created by ResizeDetector)
    in ResizeDetector
    in Unknown
    in Unknown (created by Manager)
    in ThemeProvider (created by Manager)
    in Manager (created by Context.Consumer)
    in Location (created by QueryLocation)
    in QueryLocation (created by Root)
    in LocationProvider (created by Root)
    in HelmetProvider (created by Root)
    in Root

To Reproduce Steps to reproduce the behavior:

Resize the window to be less than 600px
See the console
When refreshing page in a small window, error appears again

Expected behavior No error in the console

Screenshots resize-error

System:

OS: MacOS
Device: Macbook Pro 2017
Browser: Chrome, Firefox, Safari are affected
Version: 5.0.0 (edit: happens also with 5.0.0-rc.7)

About this issue

Original URL
State: closed
Created 5 years ago
Reactions: 16
Comments: 23 (10 by maintainers)

Commits related to this issue

FIX https://github.com/storybookjs/storybook/issues/5910 — committed to storybookjs/storybook by ndelangen 5 years ago

Most upvoted comments

Still an issue in 5.2.3

jeremytenjo on Oct 9, 2019

Hi all. I and my company front staff also faced this issue. It’s not appropriate for our stakeholders to have this warning. We work hard on code quality and pay attention to any warning in console, which is important for us and our clients. If you are not going to resolve the following issue, please let us know so we can look for another platform. But we would like to see the issue resolved in yours.

EdwardStepanian on Jul 15, 2019

Good golly!! I just released https://github.com/storybookjs/storybook/releases/tag/v5.2.7 containing PR #8941 that references this issue. Upgrade today to try it out!

Closing this issue. Please re-open if you think there’s still more to do.

shilman on Nov 30, 2019

It still appears in 5.2 for me

immortal-tofu on Sep 16, 2019

I’m still seeing this same error with v5.1.8

Warning: Failed prop type: The prop `active` is marked as required in `<<anonymous>>`, but its value is `undefined`.
    in Unknown (created by MobileLayout)
    in MobileLayout (created by ResizeDetector)
    in ChildWrapper (created by ResizeDetector)
    in ResizeDetector
    in div (created by Context.Consumer)
    in Styled(div)
    in Unknown
    in Unknown (created by Manager)
    in ThemeProvider (created by Manager)
    in Manager (created by Context.Consumer)
    in Location (created by QueryLocation)
    in QueryLocation (created by Root)
    in LocationProvider (created by Root)
    in HelmetProvider (created by Root)
    in Root

chriscarpenter12 on Jun 18, 2019