isOpen is interpreted as !isOpen (opposite)

I was kind of confused as to why my menu was opening by default, but after some investigation, I figured out isOpen is being interpreted as !isOpen somewhere.

Maybe I misread the docs, but I was led to believe that passing <Menu isOpen={false} /> would mean the menu would not open by default. Then when I pass isOpen={true} it renders not open.

It is working though, as of now, by just passing !this.state.isMenuOpen.

[negomi]

@MaralS no problem 😃

Now the issue is that the menu does not work well as a flex item.

If you add these styles to your .mobile class, the overlay is visible:

position: fixed;
width: 100%;

[LA]

@negomi @MaralS Sorry I’m not being helpful, but I’ve had 0 problems just running !isOpen, so that’s what I’m going to continue to do. If I do find some time I’ll try to make a new repo.