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

react demo icon error


https://prnt.sc/vjA_MQtHBTyg


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


Hi again,

There is the question, where did you download the Metronic version? Cause in your GitHub repo it's already is broken: https://github.com/BerkanARIKAN/demo1/blob/512541441ff92747d6b87c7429be743855010e53/src/_metronic/helpers/components/KTSVG.tsx#L13.

It should be:

import React from "react"
import SVG from "react-inlinesvg"
// eslint-disable-next-line @typescript-eslint/no-unused-vars
import {toAbsoluteUrl} from "../AssetHelpers"
type Props = {
className?: string
path: string
svgClassName?: string
}

const KTSVG: React.FC<Props> = ({className = "", path, svgClassName = "mh-50px"}) => {
return (
<span className={`svg-icon ${className}`}>
<SVG src={toAbsoluteUrl(path)} className={svgClassName} />
</span>
)
}

export {KTSVG}


Use the correct version (not edited) for your init app commit: https://devs.keenthemes.com/metronic.

Regards,
Keenthemes support



I bought it from themeforest and downloaded it from there



Hi again,

About freezing during the development, try to check this thread (it's already discussed: https://devs.keenthemes.com/question/metronic-frezees.

About the menu icon, what exactly do you mean 'menu icon isn't working?'. Send the concrete line of your code, it will be more clear then.
Or describe step by step how to reproduce your case.

Regards,
Keenthemes support



i used same version, I haven't done any development yet, I'm getting an error with the original version, my friend. please compile the repo


"prompts": "2.4.0",
"react-error-overlay": "^6.0.9",
"recursive-readdir": "2.2.2",
"shell-quote": "1.7.2",
"strip-ansi": "6.0.0",
"text-table": "0.2.0"



https://github.com/BerkanARIKAN/demo1/commit/512541441ff92747d6b87c7429be743855010e53



are you kidding me,

menu icon not working and screen freezes in development while project is running



https://github.com/BerkanARIKAN/demo1


menu icon not working and screen freezes in development while project is running



Hi,

I've checked your commit, and added comment here: https://github.com/BerkanARIKAN/demo1/commit/d382ab6a940073d294dfa62884f18e2e5b1ba5a4#r74312781.

Regards,
Keenthemes support



https://github.com/BerkanARIKAN/demo1/commit/512541441ff92747d6b87c7429be743855010e53

are you kidding me,

menu icon not working and screen freezes in development while project is running



Hi,

Please write more details of your case. Where you are getting this issue (cause in our production website we don't have such behavior: https://preview.keenthemes.com/metronic8/react/demo1/dashboard).
I've checked the last version locally and it works fine also.

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