Get 2024 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$

Just bought the theme. Can't yarn start


Hi,

I just bought the theme.
I tried to launch the React Version Demo 1.

Yarn install without a problem
but when I yarn start :

"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("/mnt/c/Users/adrie/Desktop/metronic/metronic_v8.0.38/react/docs/node_modules/react-bootstrap/node_modules/@types/react/index").ReactNode".
Type "{}" is not assignable to type "ReactNode".
Type "{}" is missing the following properties from type "ReactPortal": key, children, type, props TS2786

11 | return (
12 | <span className={`svg-icon ${className}`}>
> 13 | <SVG src={toAbsoluteUrl(path)} className={svgClassName} />
| ^
14 | </span>
15 | )
16 | }


Can you please help me ?

best regards,
A.


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 (4)


Hi,

Could you please to the next steps:
1) remove your node_modules folder.
2) update your package.json and yarn.lock files from this gist https://gist.github.com/carmelodevuz/40c32fa5a96d3a64c5f4be20bf44085c.
3) re-install packages with yarn

These steps should help you.

Regards,
Keenthemes support



Thanks a lot, it works.

But now admin@demo.com / demo are not working

Error 404 on this adresse in the dev console http://localhost:3000/metronic8/react/demo1/undefined/login



Tanks a lot.
I forgot the .env file.

Everything is working as expected. happy



Glad to see that you solved your issues.

Regards,
Keenthemes support


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  :(