Error in _applyNotch() on button group

Expected behavior

page.blade.php

        <div class="col-md-4 text-center">
            <div class="btn-group">
                <input type="radio" checked="checked" class="btn-check" name="adults-housing" id="adults-housing1"
                       autocomplete="off" value="1" />
                <label for="adults-housing1" class="btn btn-outline-primary" data-mdb-toggle="tooltip"
                       title="Guestroom, Cabin, or Loft Housing"><i class="fa-solid fa-hotel"></i></label>
                <input type="radio" class="btn-check" name="adults-housing" id="adults-housing2" value="2"
                       autocomplete="off"/>
                <label for="adults-housing2" class="btn btn-outline-primary" data-mdb-toggle="tooltip"
                       title="Camp Lakewood Cabin (dorm style) Housing"><i
                        class="fa-solid fa-people-roof"></i></label>
                <input type="radio" class="btn-check" name="adults-housing" id="adults-housing3" value="3"
                       autocomplete="off"/>
                <label for="adults-housing3" class="btn btn-outline-primary" data-mdb-toggle="tooltip"
                       title="Tent Camping"><i class="fa-solid fa-campground"></i></label>
            </div>
        </div>

onclick: Button group works

Actual behavior

Console:

[Error] TypeError: null is not an object (evaluating 'this._notchMiddle.style')
_applyNotch (app.js:201:153050)
_getElements (app.js:201:153787)
(anonymous function) (app.js:201:153359)
o (app.js:201:69359)
_activate (app.js:201:153336)
(anonymous function) (app.js:201:153961)

Resources (screenshots, code snippets etc.)