Typing ref of a generic component instance

[mybearworld]

To type a ref to a component instance of F in Typescript, you'd normally do ref<InstanceType<typeof F> | null>(null). However, this type errors: when Component is a generic component:

Type '<T>(__VLS_props: { myProp: T; } & VNodeProps & AllowedComponentProps & ComponentCustomProps, __VLS_ctx?: { attrs: any; emit: any; slots: {}; } | undefined, __VLS_expose?: ((exposed: import('vue').ShallowUnwrapRef<{}>) => void) | undefined, __VLS_setup?: Promise<...>) => VNode<...> & { ...; }' does not satisfy the constraint 'abstract new (...args: any) => any'.
  Type '<T>(__VLS_props: { myProp: T; } & VNodeProps & AllowedComponentProps & ComponentCustomProps, __VLS_ctx?: { attrs: any; emit: any; slots: {}; } | undefined, __VLS_expose?: ((exposed: ShallowUnwrapRef<...>) => void) | undefined, __VLS_setup?: Promise<...>) => VNode<...> & { ...; }' provides no match for the signature 'new (...args: any): any'

This also happens when you do specify the generic type, like ref<InstanceType<typeof F<number>> | null>(null), with this error:

Type 'typeof F<number>' does not satisfy the constraint 'abstract new (...args: any) => any'.
  Type 'typeof F<number>' provides no match for the signature 'new (...args: any): any'

This is the F.vue component:

<script setup lang="ts" generic="T">
const { myProp } = defineProps<{
  myProp: T;
}>();
</script>

<template></template>

I'm kind of stuck here. How do you type a ref to an instance of a generic component?

[Shyam-Chen]

<script lang="ts" setup generic="T = object">
const props = defineProps<{
  value?: Partial<T>[];
}>();

const emit = defineEmits<{
  (evt: 'change', val?: Partial<T>[]): void;
}>();
</script>

<script lang="ts" setup>
import type { ComponentProps } from 'vue-component-type-helpers';

import Comp from './Comp.vue';

const onChange: ComponentProps<typeof Comp>['onChange'] = (val) => {
  // ...
};
</script>

[mybearworld]

Thanks, but this doesn't help me. I want to access a property from the generic component that was exposed with defineExpose. I specifically need a ref of the component instance for that.

[mybearworld]

Does anyone know how to do this?

[zejji]

Also interested in the answer to this as I've been unable to get the correct typing despite much experimentation...

Update: I don't think this is possible so likely requires an issue raising

[mybearworld]

I'm not sure what the issue here would be phrased. InstanceType is a built-in TypeScript type (that actually does work with generics if I recall correctly), so it's not at fault here. What is?