Accordion error when setting parent

It’s been driving me nuts for two days.
When i set the Parent on a dynamic collapse, it breaks with this error:
Without Parent, the Cards work fine but stay open. and no error.

bootstrap.min.js:6 Uncaught TypeError: Cannot read property 'querySelectorAll' of null
    at t.e._getParent (bootstrap.min.js:6)
    at new t (bootstrap.min.js:6)
    at HTMLDivElement.<anonymous> (bootstrap.min.js:6)
    at Function.each (jquery-3.5.1.slim.min.js:2)
    at E.fn.init.each (jquery-3.5.1.slim.min.js:2)
    at E.fn.init.t._jQueryInterface [as collapse] (bootstrap.min.js:6)
    at n.render (collapse.js:49)
    at n.constructor (BaseComponent.js:20)
    at n (appConnect.js:530)
    at n.e.hasOwnProperty.e.constructor (appConnect.js:560)

    <div class="row">

                <div class="col" id="columninfo">

                    <div class="accordion" id="accordioninfo">

                        <div class="card" id="">

                            <div class="card-header" id="card1_heading" dmx-on:click="card1_collapse.toggle()" dmx-text="getgamedetails.data.getgamedetails.t1"></div>

                            <div id="card1_collapse" class="collapse" is="dmx-bs4-collapse" aria-labelledby="card1_heading" data-parent="#accordioninfo">

                                <div class="card-body">

                                    <p dmx-html="getgamedetails.data.getgamedetails.d1"></p>

                                </div>

                            </div>

                        </div>

I googled and found similar one here https://stackoverflow.com/questions/52411316/cannot-read-property-queryselectorall-of-null-bootstrap-collapse/52775669

11475×679 41.6 KB

Capture1039×447 24.8 KB