SideNav keeps item active after click on other one

Prerequsites

1) Two simple link items in sidenav menu
2) Click one of the items to make it active (lets name it the first clicked menu item).

Expected behavior: When you click other item, the first clicked menu item should be unmarked as active and currently clicked should be marked as active.

Current behavior: Both items are marked as active.

Observations: When both are marked as active, when you click the first clicked menu item and the other one again, then the first clicked menu item is unmarked as active.

Example code

<mdb-side-nav class="fixed" #sidenav [fixed]="true">
  <li>
    <ul class="collapsible collapsible-accordion">
      <mdb-accordion [multiple]="false" aria-multiselectable="false">
        <mdb-accordion-item class="no-collase">
          <mdb-accordion-item-head routerLink="/dashboard" routerLinkActive="active"><i class="fa fa-dashboard"></i> Dashboard</mdb-accordion-item-head>
          <mdb-accordion-item-body></mdb-accordion-item-body>
        </mdb-accordion-item>
      </mdb-accordion>

      <mdb-accordion [multiple]="false" aria-multiselectable="false">
        <mdb-accordion-item class="no-collase">
          <mdb-accordion-item-head routerLink="/groups" routerLinkActive="active"><i class="fa fa-object-group"></i> Groups</mdb-accordion-item-head>
          <mdb-accordion-item-body></mdb-accordion-item-body>
        </mdb-accordion-item>
      </mdb-accordion>
    </ul>
  </li>
  <div class="sidenav-bg mask-strong"></div>
</mdb-side-nav>