react-burger-menu: React Burger Menu breaks Firefox

I’m not sure why, but with react-burger-menu I get this issue:

TypeError: CSS2Properties doesn't have an indexed property setter for '0'

It breaks my react-router and I’m no longer able to navigate within the app

About this issue

Original URL
State: closed
Created 8 years ago
Reactions: 1
Comments: 15 (7 by maintainers)

Commits related to this issue

Fix react-burger-menu bug by wrapping Radium around Links Issue: https://github.com/negomi/react-burger-menu/issues/44 — committed to sinahab/BitcoinUnlimitedWeb by sinahab 7 years ago

Most upvoted comments

Ah, this is because you’re using react-router. See https://github.com/negomi/react-burger-menu/wiki/FAQ#why-doesnt-the-link-component-from-react-router-work

I cloned twreporter-react (the project you mean I think?) and checked out the commit before you removed react-burger-menu, added this fix, and it works fine.

Sorry, the FAQs are a bit hidden in the wiki 😃

negomi on Mar 8, 2016

I’ve tried all of the above methods to get around the issue but only the wrapping of of Link in a div worked in the end.

mxs on Sep 16, 2016

I had the same issue, I’m using burger menu with react router, I simply wrapped my links in a div <Menu> <div> <Link id="home" className="menu-item" to="/">Home</Link> </div> </Menu> hope this help

html5-ninja on Sep 12, 2016