<template>
 <myCmp :items="itemsRef"/>
</template>
<script lang="ts" setup>
import { ref, defineComponent, type PropType } from "vue";
interface Item {
 template?: Element;
 [key: string]: any;
}
const myCmp = defineComponent({
 props: {
 items: Array as PropType<Item[]>
 }
})
const items = [{ id: 1 }];
const itemsRef = ref<Item[]>(items);
</script>

error TS2322: Type '{ [x: string]: any; template?: { readonly attributes: { [x: number]: { readonly localName: string; readonly name: string; readonly namespaceURI: string; readonly ownerDocument: { readonly URL: string; alinkColor: string; ... 257 more ...; evaluate: (expression: string, contextNode: Node, resolver?: XPathNSResolver, ...' is not assignable to type 'Item[]'.
 Type '{ [x: string]: any; template?: { readonly attributes: { [x: number]: { readonly localName: string; readonly name: string; readonly namespaceURI: string; readonly ownerDocument: { readonly URL: string; alinkColor: string; ... 257 more ...; evaluate: (expression: string, contextNode: Node, resolver?: XPathNSResolver, ...' is not assignable to type 'Item'.
 The types of 'template.attributes' are incompatible between these types.
 Type '{ [x: number]: { readonly localName: string; readonly name: string; readonly namespaceURI: string; readonly ownerDocument: { readonly URL: string; alinkColor: string; readonly all: { [x: number]: { readonly attributes: ...; ... 167 more ...; readonly assignedSlot: { ...; }; }; readonly length: number; item: (nameOrI...' is not assignable to type 'NamedNodeMap'.
 'number' index signatures are incompatible.

interface Item {
 flag?: boolean,
 [key: string]: any;
}

check.vue(2,11): error TS2322: Type '({ id: number; flag?: unknown; } | { id: number; flag: boolean; })[]' is not assignable to type 'Item[]'.
 Type '{ id: number; flag?: unknown; } | { id: number; flag: boolean; }' is not assignable to type 'Item'.
 Type '{ id: number; flag?: unknown; }' is not assignable to type 'Item'.
 Types of property 'flag' are incompatible.
 Type 'unknown' is not assignable to type 'boolean'.

{
 "extends": "@vue/tsconfig/tsconfig.dom.json",
 "compilerOptions": {
 "lib": ["es2022", "DOM", "DOM.Iterable"],
 "strict": false
 },
 "include": [
 "check.vue"
 ]
}