Bug in import from react-inlinesvg
In KTSVG.tsx file, I am getting following error,
.../src/_metronic/helpers/components/KTSVG.tsx(13,8): 'SVG' cannot be used as a JSX component. Its instance type 'InlineSVG' is not a valid JSX element. The types returned by 'render()' are incompatible between these types. Type 'React.ReactNode' is not assignable to type 'import(".../node_modules/react-intl/node_modules/@types/react/index").ReactNode'. Type '{}' is not assignable to type 'ReactNode'. TS278611 | return (
12 | <span className={`svg-icon ${className}`}>
13 | <SVG src={toAbsoluteUrl(path)} className={svgClassName} /> | ^ 14 | 15 | ) 16 | }
Replies (6)
Hi,
Pay attention to the off.doc https://preview.keenthemes.com/metronic8/react/docs/docs/quick-start, it should help with the issue.
Regards,
Keenthemes support
I got a workaround working on AWS Amplify. Here's what I did:
-
Added code below to package.json: "resolutions": { "@types/react": "17.0.30" }
-
In package.json scripts, I added : "preinstall": "npx npm-force-resolutions",
Build works fine now. Hope this helps someone.
I am getting this same error.
I tried using the package.json suggested by KeenThemes in this thread:
https://devs.keenthemes.com/question/svg-typescript-error
but I'm having this same error.
I am building using AWS Amplify.
Please help KeenThemes.
