When using TypeScript, BigInt is not usable as a component prop type.

Version

3.2.31

Reproduction link

github.com

Steps to reproduce

Create a project with npm init vue@latest, configure it to use TypeScript, set the tsconfig and vite config to target ES2020, and then add a prop to one of the components whose type is BigInt (see TheWelcome.vue in the reproduction link). The ES2020 configuration is required for BigInt to be recognized in the first place.
Run either npm run build or npm run typecheck to see the errors.

What is expected?

Setting a prop's type to BigInt should just work (tm)

What is actually happening?

Type errors, and compilation failures. Notably the prop definition line shows the following error:

error TS2769: No overload matches this call.
  The last overload gave the following error.
    Type 'BigIntConstructor' is not assignable to type 'Prop<unknown, unknown> | null'.
      Type 'BigIntConstructor' is not assignable to type '() => unknown'.

This issue exists despite the announcement here and the closed issue here.

A workaround is to define a wrapper class and use propname: Object as PropType<MyWrappe>. Then wrap the bigint in a method when passing it in as a prop, and access the inner class field when reading the prop.

Start with the linked reproduction, especially TheWelcome.vue, and run npm run build or npm run typecheck after configuring TypeScript and Vite for ES2020. Trace the reported BigIntConstructor prop-type error. Done means a BigInt component prop is accepted without type errors or compilation failures.