Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

Typescript error on metronic_v8.0.38


Hi guys, so I installed the yarn dependencies and typescript into react/demo1 and then I initiated the react app with yarn start. However I am getting a errors on some prop kind of thing without even having touched the code thus far.

The errror I am getting is:

/Users/chtech/Downloads/metronic_v8.0.38/react copy/demo1/src/_metronic/helpers/components/KTCard.tsx
TypeScript error in /Users/saifrana/Downloads/metronic_v8.0.38/react copy/demo1/src/_metronic/helpers/components/KTCard.tsx(35,5):
Property 'children' does not exist on type 'Props'. TS2339

33 | utilityPY,
34 | utilityPX,
> 35 | children,
| ^
36 | } = props
37 | return (
38 | <div

Getting some other similar errors as well on some of the other components.. I though the metronic template would run perfectly fine on my dev server once dependencies were installed without any TS errors. Is the errors Im facing overall generic compatibility errors or is it something Im doing wrong?


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (5)


Hi,

We know about this issue, the fix will be released in v8.039.
For now, follow the instruction in the doc: https://preview.keenthemes.com/metronic8/react/docs/docs/quick-start. I hope it will help you.

Regards,
Keenthemes support



Hi,

So the package.json in that github repo you shared is for the demo3. I was trying to use the demo1. But since you guys have posted new package.json for only demo3 in the repo I assume that the demo1 is not usable at this time?



Hi,

All demos have the same packages list, which means you can use it for demo1 also.

Regards,
Keenthemes support



i got same error after running yarn install and yarn start for our available project, i was working on my other laptop, after i pulled it from the github to work on my new pc. is there any news about this error ? could you let me know if anybody solve how to handle this error ?



Unlock your path to success with https://www.dumpstool.com/AZ-900-exam.html [2023]. Elevate your skills and conquer the exam with confidence as you delve into the latest technology trends and foundational Azure concepts. Our comprehensive study materials provide in-depth insights, ensuring you're well-prepared for every challenge. Navigate the complexities of cloud computing effortlessly, gaining a competitive edge in the dynamic tech landscape. Trust in our proven success strategies, meticulously crafted to propel you towards AZ-900 mastery. Achieve your certification goals and stand out in the crowd, showcasing your expertise with pride. Your success story begins here – embrace it with Microsoft AZ-900.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(