Typeerror with v-bind="$props"

A.vue

<script lang="ts">

import {defineComponent, PropType} from "vue";

export default defineComponent({
	name: "A",
	props: {
		x: {
			type: Boolean as PropType<boolean>,
			default: false
		}
	}
});
</script>

<template>{props}</template>

B.vue

<script lang="ts">

import {defineComponent, PropType} from "vue";

import A from "./A.vue";

export default defineComponent({
	name: "B",
	components: {A},
	props: {
		x: {
			type: Boolean as PropType<boolean>,
			default: false
		}
	}
});
</script>

<template>
	<A
		v-bind="$props"
	/>
</template>

Error starting from 0.27.27

src/repro/B.vue:20:3 - error TS2322: Type '{ x?: boolean | undefined; ref?: VNodeRef | undefined; key?: string | number | symbol | undefined; onVnodeBeforeMount?: VNodeMountHook | VNodeMountHook[] | undefined; ... 6 more ...; style?: unknown; }' is not assignable to type 'IntrinsicAttributes & Partial<{ x: boolean; }> & Omit<Readonly<{ x?: unknown; } & { x: boolean; } & {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps, "x">'.
  Type '{ x?: boolean | undefined; ref?: VNodeRef | undefined; key?: string | number | symbol | undefined; onVnodeBeforeMount?: VNodeMountHook | VNodeMountHook[] | undefined; ... 6 more ...; style?: unknown; }' is not assignable to type 'IntrinsicAttributes'.
    Types of property 'ref' are incompatible.
      Type 'VNodeRef | undefined' is not assignable to type 'string | Ref<any> | ((ref: Element | ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null) => void) | undefined'.

20  <A
     ~

[johnsoncodehk]

@pikax please cc, it seem that VNodeProps.ref type incompatible to ReservedProps.ref.

@MoonCoral you can use v-bind="{ ...$props, ref: undefined }" instead of v-bind="$props" for now.

[henribru]

It seems like it works if you pass props through setup (e.g. setup(props) { return {props} }) and do v-bind="props". Is it intentional that props and $props have different types? Are they different at runtime?