Navbar.Menu not opened when is-active

[MagicMagnate]

I found I need to override the props in Navbar and can't use with something like active={toggle} as in Navbar.Burger, here's my workaround:

<Navbar.Menu shazzam={toggle}>

and in your Navbar.js (components) I added props for display,

export const NavbarMenu = styled.nav
display: ${props => props.shazzam ? "block" : "none"};

Tried them with default next.js settings.