Unable to resolve default imports in template

// test.ts
export const namedExport = true;

export default 'default export working';

<template>
<div>
  <!-- All good -->
  {{ namedExport }} 

  <!-- Typescript error `Property 'defaultExport' does not exist on type '...'` -->
  {{ defaultExport }} 
</div>
</template>

<script lang="ts" setup>
import { namedExport } from "./utils/test";
import defaultExport from "./utils/test";
</script>