fix(types/jsx): jsx-runtime types for global JSX namespace registrati…

…on (vuejs#7978)

packages/vue/jsx.d.ts

@@ -1,15 +1,36 @@
 // global JSX namespace registration
-import { JSX as JSXInternal } from './jsx-runtime'
+// somehow we have to copy=pase the jsx-runtime types here to make TypeScript happy
+import { VNode, VNodeRef } from '@vue/runtime-dom'
+import { IntrinsicElementAttributes } from './jsx-runtime/dom'
+
+export * from './jsx-runtime/dom'
+
+export type ReservedProps = {
+ key?: string | number | symbol
+ ref?: VNodeRef
+ ref_for?: boolean
+ ref_key?: string
+}
+
+export type NativeElements = {
+ [K in keyof IntrinsicElementAttributes]: IntrinsicElementAttributes[K] &
+ ReservedProps
+}
 
 declare global {
  namespace JSX {
- interface Element extends JSXInternal.Element {}
- interface ElementClass extends JSXInternal.ElementClass {}
- interface ElementAttributesProperty
- extends JSXInternal.ElementAttributesProperty {}
- interface IntrinsicElements extends JSXInternal.IntrinsicElements {}
- interface IntrinsicAttributes extends JSXInternal.IntrinsicAttributes {}
+ export interface Element extends VNode {}
+ export interface ElementClass {
+ $props: {}
+ }
+ export interface ElementAttributesProperty {
+ $props: {}
+ }
+ export interface IntrinsicElements extends NativeElements {
+ // allow arbitrary elements
+ // @ts-ignore suppress ts:2374 = Duplicate string index signature.
+ [name: string]: any
+ }
+ export interface IntrinsicAttributes extends ReservedProps {}
  }
 }
-
-export {}

packages/vue/types/jsx-register.d.ts

@@ -2,3 +2,5 @@
 // imports the global JSX namespace registration for compat.
 // TODO: remove in 3.4
 import '../jsx'
+
+export * from '../jsx-runtime/dom'