Tell us what’s happening:
Describe your issue in detail here.
Your code so far
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/112.0.0.0 Safari/537.36
Challenge: Front End Development Libraries Projects - Build a Markdown Previewer
Link to the challenge:
import React from ‘https://esm.sh/react@18.2.0’
import ReactDOM from ‘https://esm.sh/react-dom@18.2.0’
marked.setOptions({
breaks: true,
highlight: function(code){
return Prism.hightlight(code, Prism.languages.javascript, ‘javascript’)
}
});
const renderer=new marked.Renderer();
renderer.link=function(href,title,text){
return <a target='_blank' href='${href}'>${text}</a>
;
}
const Editor =({ content, handleTextareaChange })=>
const Previewer=({ content })=><div id=“preview” dangerouslySetInnerHTML={{
_html: marked.Parse(content,{renderer: renderer})
}} />
const App=()=>{
const [content,setContent]=React.useState("Hey This is Gopi")
const handleTextareaChange=(event)=>{
setContent(event.target.value)
}
return(
what is wrong with my code iam getting error marked is not a function ,so iam using marked.parse(),but it is also not working pleae help me anyone