Expected behavior The Switch should be able to switch on and off while inside of the collapsed div component

Actual behavior The Switch is clicked, but the value does not change. An error can be seen in the console.

Resources (screenshots, code snippets etc.)

Code snippet to reproduce the error:

<template>
  <MDBBtn @click="cookiesShowMore = !cookiesShowMore" outline="primary" />
  <MDBCollapse v-model="cookiesShowMore">
    <div id="collapsed-content" v-mdb-smooth-scroll="{ container: '#collapsed-content' }">
      <MDBSwitch v-model="switchAnalytic" />
    </div>
  </MDBCollapse>
</template>

<script setup>
    import { ref, toRefs } from "vue"
    import { MDBBtn, MDBCollapse, MDBSwitch, mdbSmoothScroll as vMdbSmoothScroll } from "mdb-vue-ui-kit";

    const cookiesShowMore = ref(false)
    const switchAnalytic = ref(true)
</script>