Missing FunctionalComponent props are no longer reported in the template

[sqal]

Version

Volar: >= 1.4.0
Vue: 3.2.47
TypeScript: 5.0.4

tsconfig:

{
  "compilerOptions": {
    "module": "ESNext",
    "target": "ESNext",
    "lib": ["ESNext", "DOM", "DOM.Iterable"],
    "skipLibCheck": true,
    "jsx": "preserve",

    "strict": true,
    "noImplicitReturns": true,
    "noImplicitAny": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "forceConsistentCasingInFileNames": true,
    "noFallthroughCasesInSwitch": true,

    "moduleResolution": "bundler",
    "isolatedModules": true,
    "esModuleInterop": true,
    "resolveJsonModule": true,
    "verbatimModuleSyntax": true
  },
  "include": [
    "./src/**/*.ts",
    "./src/**/*.vue"
  ]
}

Steps to reproduce

<script setup lang="ts">
  import { h, type FunctionalComponent } from 'vue';

  const Icon: FunctionalComponent<{ name: string }> = (props) => (
    h('svg', [
      h('use', {
        'xlink:href': `#${props.name}`,
      }),
    ])
  );
</script>

<template>
  <Icon />
</template>

What is actually happening?

TypeScript doesn't warn me that <Icon /> is missing a prop name.

What is expected?

Error about missing prop reported.

[johnsoncodehk]

Fixed by e5e2349