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'. TS2786
11 | return (
12 | <span className={`svg-icon ${className}`}>
> 13 | <SVG src={toAbsoluteUrl(path)} className={svgClassName} />
| ^
14 | </span>
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
Solved the issue. Thanks.
I got a workaround working on AWS Amplify. Here's what I did:
1. Added code below to package.json:
"resolutions": {
"@types/react": "17.0.30"
}
2. In package.json scripts, I added :
"preinstall": "npx npm-force-resolutions",
Build works fine now. Hope this helps someone.
Thanks.
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.
using 8.0.38 version of demo1.
