ts error occour when using computed in tsx

[Mr-Nobody-li]

Question: Who knows why ts will prompt this error，I tried to simulate this situation with codesandbox, but it didn't report a mistake

this is my vue code

<template>
  <div>
    <test />
  </div>
</template>

<script lang="tsx" setup>
import { computed } from 'vue'
const test = computed(() => <h1>2222</h1>)
</script>

and this is ts error

Type '{}' is not assignable to type 'ComponentProps<Element>'.
  Type '{}' is missing the following properties from type 'VNode<RendererNode, RendererElement, { [key: string]: any; }>': type, props, key, ref, and 13 more.ts(2322)

finally , my ts config

{
  "compilerOptions": {
    "target": "ESNext",
    "useDefineForClassFields": true,
    "module": "ESNext",
    "moduleResolution": "node",
    "strict": false,
    "jsx": "preserve",
    "sourceMap": true,
    "resolveJsonModule": true,
    "isolatedModules": true,
    "esModuleInterop": true,
    "lib": ["ESNext", "dom"],
    "skipLibCheck": true,
    "types": ["vite/client"],
    "baseUrl": "",
    "paths": {
      "@/*": ["src/*"]
    }
  },
  "include": [
    "src/**/*.ts",
    "src/**/*.d.ts",
    "src/**/*.tsx",
    "src/**/*.vue"
  ],
  "references": [{ "path": "./tsconfig.node.json" }]
}

[zhangzhonghe]

Maybe you need the vueJsx plugin.

[Mr-Nobody-li]

Already in use, only ts reports an error，if i write like this，it will work

<template>
  <div>
    <test />
  </div>
</template>

<script lang="tsx" setup>
const test = () => <h1>2222</h1>
</script>

[chenxch]

Have you tried disabling volar or going back a few versions?

[Mr-Nobody-li]

I don't think I can disable volar. If I do, I will lose syntax highlighting of vue
I try to lower the version of the volar (1.0.8, 1.0.7，now is 1.0.9 ), still get an error

[chenxch]

I don't think I can disable volar. If I do, I will lose syntax highlighting of vue I try to lower the version of the volar (1.0.8, 1.0.7，now is 1.0.9 ), still get an error

I want to say whether there will be wrong ts prompts when it is disabled, first exclude the plug-in factor of volar.

[Mr-Nobody-li]

yeah, I agree with that。And now I think it is because eslint-plugin-vue does not parse the type correctly