How to respond to Bootstrap (5) events from within Rails Stimulus Controller

remote_modal_events_controller.js

import { Controller } from "@hotwired/stimulus"
import { Modal } from "bootstrap"

// Connects to data-controller="remote-modal-events"
export default class extends Controller {
  connect() {
    let thisController = this

    // The listener for the Bootstrap event
    this.element.addEventListener('hide.bs.modal', function (event) {
      thisController.clearModalContents();
    })
  }

  // clear the contents using the turbo-frame id
  clearModalContents() {
    let content = document.querySelector("#remote_modal_content")
    content.innerHTML = '';
  }
}