React - DefaultAside.js

I am using the CoreUI React Pro Version 3.3.0 and I have a question regarding the Aside Menu or the DefaultAside.js.

Currently, when I open the Aside Menu and click a link in the Sidebar the Aside Menu closes. I would like for the Aside menu to stay open until I click the “X” button that I added in the aside menu.

Does anyone know how in the React CoreUI to keep the Aside menu option after clicking a link in the Sidebar?

as a workaround you can try to set hideOnMobileClick property to false in src\containers\TheAside.js


I am not seeing that option in the Aside.js. The prop types that are available are as follows:
children: _propTypes2.default.node,
className: _propTypes2.default.string,
display: _propTypes2.default.string,
fixed: _propTypes2.default.bool,
isOpen: _propTypes2.default.bool,
offCanvas: _propTypes2.default.bool,
tag: _propTypes2.default.oneOfType([_propTypes2.default.func, _propTypes2.default.string])

it turns out, you’re on CoreUI v2 for React

My mistake. You are correct. Is it possible to do this in v2?

It’s only a guess - you use html links <a href=...> and it causes the entire page rendering.
Use NavLink from react-router-dom instead.

import { NavLink } from 'react-router-dom';
class DefaultAside extends Component {
  render() {
    return (
       <NavLink to=...>