Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
Light
Dark
System
Ask  Question

Please update the package.json and package.lock files in react.


I am facing a lot of type related issues in react w/ typescript. Some of the major issues are the InlineSVG and children as such:

<img src=" />


G
Guest 4 years ago
React
5 Answers
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (5)

user
Carmelo D 4 years ago

Hi,

Could you please follow the instructions: https://preview.keenthemes.com/metronic8/react/docs/docs/quick-start (need to update yarn.lock and packages.json files from the gist), it will help you to avoid this issue.

Regards,
Keenthemes support


G
Guest 4 years ago

Yes this certainly works, but to some extent. The moment I add on some more package like sweetalert2 for example, it again starts breaking things.


G
Guest 4 years ago

I notice that this line automatically gets added while adding new package.

<img src=" alt="yarn.lock" />


user
Carmelo D 4 years ago

Hi,

We are waiting for the v8.1.0 release. It's already in the approval stage, and here we will have full React 17 support (for both 'npm' and 'yarn' package managers).

Regards,
Keenthemes support


user
Shai Ohev 4 years ago

still waiting for this... in the meantime Metronic React cannot be used with any additional packages?? Is there no workaround??


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(