Cannot get define props to work with interface in .d.ts file

[tannert8155]

<template>
  <div class="row">
      <div class="col-sm-9">{{ message }}</div>
  </div>
  <div class="row" v-if="props.loadIndicators.length > 0" style="margin-top:15px;">
      <div class="col-sm-1">Using</div>
      <div class="col-sm-6">
          <div v-for="(indicator, index) in props.loadIndicators" :key="index" style="margin-bottom: 5px;">{{ indicator }}</div>
      </div>
  </div>
</template>

<script setup lang="ts">
import { defineProps, computed, withDefaults } from 'vue';
import { useI18n } from 'vue-i18n';

const { t } = useI18n();
const props = withDefaults(defineProps<IDialogCreateLoadReviewOptions>(), {
    locationName: '',
    loadIndicators: () => []
});
const message = computed(() => {
    return t('ALoadWillBeCreatedFor', {
        location: props.locationName
    });
});
</script>

This seems to be a pretty basic setup. IDialogCreateLoadReviewOptions is in a d.ts file(a lot of my types are), but I get "Internal server error: [@vue/compiler-sfc] Unresolvable type reference or unsupported built-in utility type".

My .d.ts files are just basic interfaces at the top-level. Typescript has no problem finding them, it's just an issue with Vue it seems. I am using "vue": "^3.3.11".

If I move the interface into the component the error goes away, and I am pretty sure it would go away if I wasn't using a d.ts file and was using exports. Is this a known issue or am I doing something wrong?

I did find this comment: #8612 (comment)

I've added that to my vite.config. It still doesn't work. I don't really want to go and import every type throughout my project.