Prop required and starts with `on`'s type is broken in ts 4.7

[07akioni]

Vue version

3.2.36

Link to minimal reproduction

nope

Steps to reproduce

index.ts

import { defineComponent } from "vue";

defineComponent({
  props: {
    onX: {
      type: Function,
      required: true,
    },
  },
  setup(props) {
    props.onX();
  },
});

package.json

{
  "name": "vue-ts",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "build": "tsc index.ts --moduleResolution node --strict --noEmit --lib ESNext,DOM"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "@babel/types": "^7.18.4",
    "typescript": "^4.7.2",
    "vue": "^3.2.36"
  }
}

Run npm run build

What is expected?

No error

What is actually happening?

System Info

No response

Any additional comments?

No response

[07akioni]

in ts 4.6 it works

[liulinboyi]

It's a broken in ts 4.7.

I have some workaround:

index.ts

import { defineComponent } from "vue";

defineComponent({
  props: {
    onX: {
      type: Function,
      required: true,
    },
  },
  setup(props) {
    props.onX!();
  },
});

or

tsconfig.json

{
  "compilerOptions": {
    "strict": false
   }
}

Hope this helps.

[zhmushan]

We should report this issue to TS

minimal reproduction: https://www.typescriptlang.org/play?ts=4.7.2#code/C4TwDgpgBACgTgezAZygXigbwLACgpQDaAHgFxTLBwCWAdgOZQBkUABgrQCSaU0MC+rALrkAYgFdaAY2DUOUAD5RJAEwgAzOhBUBuPAQ4ANMZJlzae3Pzx4pHSlDCIU5ADIIEyCACUIAR3FqOG0AHngkZAA+dCx9KCNyAAoASnRozGsrG1wnCIA6IxTs0Egod08ff0DglRCAFWiMHHwiGCg6Cio6RhYAawgQBHUoOpERwhghS34dIA

[zhmushan]

I tried to change the LooseRequired to the following code and it works fine. But I don't know how to make it work with Vue.

export type LooseRequired<T> = { [P in keyof Required<T>]: T[P] }

[yyx990803]

/cc @pikax

[07akioni]

Is there any progress? I think the problem may stop some projects migrating to ts 4.7.