I have an Angular project. V11.x

I am trying to use the accordion basic example in my project but I am getting an error. I am using the code example like the sample code here:

https://mdbootstrap.com/docs/standard/components/accordion/

In my component I import MDB like this:

import * as mdb from 'mdb-ui-kit';

The accordion do expand and collapse as expevedted but I get following error on the first panel I open and all subnsequent opens of THAT one specific panel, none of the other generate this error. So If I start by opening panel two that will generate the error and none of the other will. If I refresh and start opening one of the other panels then that will generate this error:

Uncaught TypeError: No method named "toggle" at Function.value (mdb.min.js:310) at mdb.min.js:310 at Array.forEach () at HTMLButtonElement. (mdb.min.js:310) at HTMLDocument.e (mdb.min.js:310) at ZoneDelegate.invokeTask (zone.js:421) at Zone.runTask (zone.js:188) at ZoneTask.invokeTask [as invoke] (zone.js:503) at invokeTask (zone.js:1671) at HTMLDocument.globalZoneAwareCaptureCallback (zone.js:1740)

In the same project I am using the Modal and this works find so the MDB library is loaded.

        "styles": [
          "node_modules/mdb-ui-kit/css/mdb.dark.min.css",
          "src/styles.scss"
        ],
        "scripts": [
          "node_modules/mdb-ui-kit/js/mdb.min.js",
          "node_modules/@fortawesome/fontawesome-pro/js/all.min.js"
        ],