Hello, I seem to be having this same issue with collapses/nav collapses/accordions not working quite right, but only in the production build. For example, clicking an accordion header to collapse/open throws it into a weird state where if it's closing, it will first close it all the way immediately, animate opening, and when the animation is complete, it will instantly be closed.

It also seems Collapse and accordions see the 'show' prop as the opposite of what it's supposed to be. I have a Toggle that when clicked, toggles the show state. However, when the toggle is ON, the collapse will be closed, and visa versa.

I'm currently using the mdb-react-ui-kit version, 4.2.0, React 18.2.0, and React router dom 6.3.0.

Again, only collapse/accordions/nav collapse are the ones causing trouble. Everything else seems to be working fine. I noticed this seemed to be an issue in components that were using routes/query params. I am currently using the useLocation in those modules three modules where I have these MDB components.

Dear @chris-clarkson

Apologies for the delay. Finally we were able to reproduce your problem. You were right, the bug was occurring. We've already fixed it, the next version of MDB will be improved.

Best Regards, Bartosz.

Version 8.3.1 is now available and auto expand/collapse of accordion should work correctly on route change (also when queryParams are used). Please let us know if you encounter any further problems with this component.

I don't know if it's related, but in MDB 8.3.0 there are some problems with the menu accordion in the sidenav whenever there's queryparams in the routerlink call.

This worked Ok with MDB 8.2.0, now it collapses the accordion and doesn't highlight the active routerlink

<mdb-accordion-item>
      <mdb-accordion-item-head mdbWavesEffect><span><i class="fas fa-folder-open"></i> TestMenu</span>
      </mdb-accordion-item-head>
      <mdb-accordion-item-body>
        <ul>
          <li><a routerLink="/test" [queryParams]="{type: 1}" routerLinkActive="active"
            (click)="hideSideBar(sidenav)">
            test1
          </a></li>
          <li><a routerLink="/test" [queryParams]="{type: 2}" routerLinkActive="active"
            (click)="hideSideBar(sidenav)">
            test2 
          </a></li>
        </ul>
      </mdb-accordion-item-body>
    </mdb-accordion-item>

With no queryparams it works ok.