fix compilation errors in production

src/Bundle/ChillCalendarBundle/Resources/public/vuejs/MyCalendarRange/Components/EditLocation.vue

@@ -1,5 +1,5 @@
 <template>
-  <Teleport to="body">
+  <component :is="Teleport" to="body">
     <modal v-if="showModal"
          @close="closeModal">
 
@@ -20,7 +20,7 @@
     </template>
 
     </modal>
-  </Teleport>
+  </component>
 </template>
 
 <script setup lang="ts">
@@ -31,12 +31,28 @@ import {useStore} from "vuex";
 import {key} from "../store";
 import {Location} from "../../../../../../ChillMainBundle/Resources/public/types";
 import VueMultiselect from "vue-multiselect";
+//import type {Teleport} from "vue";
+
+// see https://github.com/vuejs/core/issues/2855
+import {
+  Teleport as teleport_,
+  TeleportProps,
+  VNodeProps
+} from 'vue'
+
+const Teleport = teleport_ as {
+  new (): {
+    $props: VNodeProps & TeleportProps
+  }
+}
+
 
 const store = useStore(key);
 
 const calendarRangeId = ref<number | null>(null);
 const location = ref<Location | null>(null);
 const showModal = ref(false);
+//const tele = ref<InstanceType<typeof Teleport> | null>(null);
 
 const locations = computed<Location[]>(() => {
   return store.state.locations.locations;