<li class="nav-item w-md-200px me-0 d-flex">
<a class="nav-link" data-bs-toggle="tab" href="#kt_vtab_pane_{{ $tab['id'] }}" >
{{ $tab['tab_name'] }}
<button aria-expanded="false" aria-haspopup="true" class="btn btn-sm btn-icon btn-light btn-active-light-primary" data-bs-toggle="dropdown" data-tab-id="{{ $tab['id'] }}" type="button">
<ion-icon name="settings"></ion-icon>
</button>
<div class="dropdown">
<div class="dropdown-menu">
<a class="dropdown-item" data-bs-target="#kt_modal_add_folder" data-bs-toggle="modal" data-kt-action="update_row" href="#">Rename</a>
<a class="dropdown-item text-danger" data-kt-action="delete_row" data-kt-folder-id="{{ $folder->id }}" href="#">Delete</a>
</div>
</div>
</a>



this is my code in that i have an issue i have added nav tab and in that i put a dropdown now when i m clicking on the button it will give error of plugin.js like this

Uncaught TypeError: Cannot read properties of null (reading 'classList')
at fe._isShown (plugins.bundle.js:12549:24386)
at fe.toggle (plugins.bundle.js:12549:22504)
at HTMLButtonElement.<anonymous> (plugins.bundle.js:12549:27012)
at HTMLDocument.s (plugins.bundle.js:12549:4565)