Bug: JSX SVG Typescript type error: missing 'slot' attribute

[apprat]

[dineshkolhe1]

Can you give a brief explanation to your issue ! Exactly what you want to say

[apprat]

Can you give a brief explanation to your issue ! Exactly what you want to say

The SVG lacks the attribute 'slot' in the Typescript type of JSX, which exists in SVGElement.

[dineshkolhe1]

@apprat
This issue occurs because TypeScript’s JSX type definitions (React.SVGProps) do not include slot as a valid attribute, even though slot exists in the DOM definition for SVGElement.

[julianandresr199]

#32406

[Cindyband]

Yes JavaScript and yes windows 11 and search engine bing

[Cindyband]

to gitgub

[Nipz66]

TypeScript's JSX type definitions don't include a slot for SVGElement, even though it's valid in the DOM. A workaround is to use type assertion: <svg {...({ slot: 'start' } as any)}> or extend React.SVGProps to include slot. I hope this helps!🙄

[apprat]

TypeScript's JSX type definitions don't include a slot for SVGElement, even though it's valid in the DOM. A workaround is to use type assertion: <svg {...({ slot: 'start' } as any)}> or extend React.SVGProps to include slot. I hope this helps!🙄TypeScript 的 JSX 类型定义不包含 SVGElement 的插槽，即使它在 DOM 中有效。解决方法是使用类型断言：<svg {...（{ slot： 'start' } as any）}> 或扩展 React.SVGProps 以包含 slot。我希望这有帮助！ 🙄

This is too ugly. I hope type definitions can be added to the official repository.

[dineshkolhe1]

TypeScript's JSX type definitions don't include a slot for SVGElement, even though it's valid in the DOM. A workaround is to use type assertion: <svg {...({ slot: 'start' } as any)}> or extend React.SVGProps to include slot. I hope this helps!🙄

@Nipz66
but <svg {...({ slot: 'start' } as any)}> . This fixes the error, but it removes type safety, which is not ideal.

[Nipz66]

Oo, It is not ideal.