'SVG' cannot be used as a JSX component.

[namansamra]

I am using this library for years but suddenly in one project this error occurs in typescript that " 'SVG' cannot be used as a JSX component ". I have tried but not able to resolve this. Please help if any one had faced the same issue.

[Themodem]

- "@types/react": "^17.0.0",
+ "@types/react": "^18.0.8",

In my case bumping @types/react to ^18.0 was enough to resolve this issue

[cgcab]

@namansamra or @Themodem by any chance do you happen to find a solution but with react 18.0.0+ ?

[TShaunik]

@cgcab I just ran into this while updating our dependencies. From another issue, I bumped Typescript from 4.5.5 to 5.0.2 and it resolved for me. I had tried 5.2.2 but was getting other issues and bumped back down (not sure if that was too high of a version or not); will try again after I finish all the migrations. On React 18.2.0 now.

[gilbarbara]

This is probably caused by a conflict in @types/react.
To get things working in the demo, I needed to pin @types/react to 18.0.25 since the VS Code instance uses Typescript 4.x and it can't be changed.

[cgcab]

@gilbarbara the @types/react to 18.0.25 also fixed for me the SVG cannot be used ...

Any chance that the lib gets updated to be more compatible with more up to date version of @types/react ?

[gilbarbara]

Hey @cgcab

Take a look at the link I posted in my previous comment.
This is a problem in the host app, not the library, as it doesn't include either typescript or @types/react in its bundle.