Unable to close menu after clicking on link

I’m using the menu within a “body” component that spans my whole page. I’ve added the menu as follows and I’m using react router.

var Example = React.createClass({
  showSettings: function(event) {
    event.preventDefault();
  },
  render: function() {
    return (
      <Menu right>
        <RadiumLink className="menu-item" to="/">Home</RadiumLink>
        <RadiumLink className="menu-item" to="/about">About</RadiumLink>
        <RadiumLink className="menu-item" to="/contact">Portfolio</RadiumLink>
        <RadiumLink className="menu-item" to="/contact">Contact</RadiumLink>
      </Menu>
    );
  }
}); 

and this is its parent

render: function() {
        return (
                                <div className="border" ref="frame">
                        <Example />             
                </div>
        );

If I click on a link, it loads the page just fine however, the menu remains open and I have to either use the close button or click outside the menu to close it. How can I get it to auto-close?

Thank you

[giladbr]

I was also able to achieve that clicking an item will close the menu simply by using isOpen={false} ! Thank you! However, I tried hooking the component through Redux using the connect() function and for some reason this behaviour stopped working…

[manosim]

I have exactly the same issue with @giladbr (I’m also using redux) and I’m on version 1.10.4. I’ve set isOpen={ false } but when I click on a link the menu does not close. Any ideas?

import React from 'react';
import { connect } from 'react-redux';
import { Link } from 'react-router';
import { bubble as Menu } from 'react-burger-menu';
import Radium from 'radium';

import { logout } from '../actions';
import Logo from './logo';

let RadiumLink = Radium(Link);

export class Sidebar extends React.Component {
  logoutUser(evt) {
    event.preventDefault();
    this.props.logout();
    this.context.router.replace({pathname: '/login'});
  }

  render() {
    return (
      <Menu width={ 280 } isOpen={ false }>
        <Logo />

        <RadiumLink className="nav-link" activeClassName="active" to="/dashboard">
          <i className="fa fa-fw fa-star-o" /> <span>Dashboard</span>
        </RadiumLink>

        <RadiumLink className="nav-link" activeClassName="active" to="/projects">
          <i className="fa fa-fw fa-bell-o" /> <span>Example</span>
        </RadiumLink>
      </Menu>
    );
  }
};

Sidebar.contextTypes = {
  router: React.PropTypes.object.isRequired
};

export default connect(null, { logout })(Sidebar);