Expected behavior

When I click on an item outside a sub-SideNavCat (which is currently open and displaying it's sub-links) and that is part of the parent link category, I would like the sub-SideNavCat to close autimatically.

Actual behavior If I click on the "Exclusive Use Area" item after opening the "Sectional Scheme" sub-category, then the "Sectional Scheme" sub-category does not close automatically. The "Exclusive Use Area" item is part of the main SideNavCat, after/outside the "Sectional Scheme" sub-category.

Resources (screenshots, code snippets etc.)

  state = {
    toggleStateA: true,
    breakWidth: 1300,
    windowWidth: 0,
    isSectionalSchemeNestedOpen: false,
    };

 // to toggle opening/closing of the SectionalScheme nested accordion in the sidenav
 handleNestedToggle = () => {
    const { isSectionalSchemeNestedOpen } = this.state;
    this.setState({
          isSectionalSchemeNestedOpen: !isSectionalSchemeNestedOpen,
    });
  };

 <MDBSideNavCat
    name="Sectional Scheme"
    id="sectional-scheme-cat"
    icon="chevron-right"
    isOpen={this.state.isSectionalSchemeNestedOpen}
    onClick={this.handleNestedToggle}
 >