How can i properly type function template ref

[i0boy]

Hello everyone

I just wanna use template ref setter function (from renderless component) at my children compoent's :ref
but i found :ref props accept VNodeRef | undefined so typescript yells me

how can i fix this?

[zhangzhonghe]

The type definition of ref is as follows:

core/packages/runtime-core/src/vnode.ts

Lines 72 to 78 in c6e5bda

	export type VNodeRef =
	| string
	| Ref
	| ((
	ref: Element | ComponentPublicInstance | null,
	refs: Record<string, any>
	) => void)

You can maybe change it to this:

<div :ref="setRef as any">

For more info, please see here.