Как наследовать тип от JSX.IntrinsicElements.mesh?

Есть кастомный реакт тег, созданный другой библиотекой, я хочу сделать на него компонент враппер, но в пропсах этого враппера принимать еще один дополнительный проп, а остальное элементу передавать..

interface MeshProps extends ????? {
  value: number
}


const Mesh: FC<MeshProps> = ({ value, ...props }) => {
    return <mesh {...props} />
}

когда я пишу вот так, то получаю ошибку:

interface MeshProps extends JSX.IntrinsicElements.mesh {
  value: number
}

TS2694: Namespace 'global.JSX' has no exported member 'IntrinsicElements'.

Как подцепить определение JSX.IntrinsicElements.mesh и наследовать от него?


Ответы (1 шт):

Автор решения: qwabra

ни я ни IntrinsicElements не знаем что такое mesh, но вот пример на div:

// interface QwaProps extends JSX.IntrinsicElements['div'] {} // An interface can only extend an identifier/qualified-name with optional type arguments.(2499)

type $QwaProps = JSX.IntrinsicElements['div'] & {
    qwa: any
}

const qq: $QwaProps = null as any
qq.qwa

песочница

→ Ссылка