Hay una barra de navegación editada de materialise css, cuando hace clic en el menú de hamburguesas en Firefox, se abre y todo funciona, pero cuando hace clic en el navegador Chrome, el menú no se abre, no hay errores ni advertencias en la consola. ¿Cual podría ser el problema?

Navbar.js:

 export const Navbar = () => { document.addEventListener('DOMContentLoaded', function() { const elems = document.querySelectorAll('.sidenav'); window.M.Sidenav.init(elems); }); return ( <header> <nav> <div className="nav-wrapper blue darken-1" style={{ padding: '0 2rem' }}> <span className="brand-logo"><NavLink to="/">LOGO</NavLink></span> <NavLink to="#" data-target="mobile-demo" className="sidenav-trigger"><i className="material-icons">menu</i></NavLink> <ul className="right hide-on-med-and-down"> <li><NavLink to="/">Главная</NavLink></li> <li><NavLink to="/other">Other</NavLink></li> </ul> </div> </nav> <ul className="sidenav" id="mobile-demo"> <li><NavLink to="/">Главная</NavLink></li> <li><NavLink to="/other">Other</NavLink></li> </ul> </header> ); }