В чем проблема

Я хотел назначить переменную локального компонента для prop. Я постоянно получаю предупреждение Vue Неверный обработчик часов, указанный ключом undefined. Возможно, дело в том, что опора передается из другого компонента, где я использую v-модель, но я точно не знаю. Я был бы очень признателен за вашу помощь, потому что мой небольшой проект упражнений действительно зависит от этой механики.

Родительский компонент

Здесь у меня есть выбор HTML, здесь я моделирую свое состояние.

<template>
  <div>
    <div>
      <h1>Some header</h1>
    </div>
    <form class="choosePhysicsModule">
      <label for="selectedPhysicsModule"></label>
      <select class="select_Module" id="selectedPhysicsModule" v-model="state.selectedPhysicsModule">
        <option :value="option.value" v-for="(option, index) in importedListToSelect" :key="index">
          {{option.name}}
        </option>
      </select>
    </form>
    <list_of_exercises  v-if="state.selectedPhysicsModule" :what_exercises="state.selectedPhysicsModule"/>
  </div>
</template>

<script>

export default {
  name: 'ChoosePhysicsModule',
  components: {list_of_exercises},
  setup() {
    const state = reactive({
      selectedPhysicsModule: null,
    })
    return {
      state,
      importedListToSelect
    }
  }
}

Дочерний компонент

</script>

export default {
    name: "list_of_exercises",
      props: {
        whatExercises: {
          type: String,
          required: true
        }
      },
      data() {
       return {
         exercises: this.what_exercises,
       }
      },
      watch: {
        whatExercises: function () {
          this.exercises = this.whatExercises
        }
       }