Help needed with marked libraries

Hi everybody. I’m working on the “Build Markdown Preview” project and I have problems to import the marked libraries. I have included in the “index.html” file the script tags with the links. I have run the comand in VS Code to import marked. I have the “marked” folder in the “node_modules” folder and I have it in the “package.json” file as well. The VS Code terminal doesn’t show any problem, but in the browser I can’t see nothing and it shows an error message :"WARNING in ./src/components/About.jsx 52:18-24

export ‘default’ (imported as ‘marked’) was not found in ‘marked’ (possible exports: Lexer, Parser, Renderer, Slugger, TextRenderer, Tokenizer, defaults, getDefaults, lexer, marked, options, parse, parseInline, parser, setOptions, use, walkTokens)."
I paste the code I have so far in the “About.jsx” file.
" `import React, {Component} from “react”;
import marked from ‘marked’;
class MyMarkdown extends React.Component{
constructor(props){
super(props);
this.state = {
text:"# Cabecera 1"
};

}

render (){
    return (
        <div>           
        <textarea id="editor" value={this.props.text}/>
        <div>
            
        </div>

    
         
        <div id="preview" dangerouslySetInnerHTML={{__html:marked(this.props.text)}}></div>
        </div>

    )
}

}
const About = () => {
return (


Build a Markdown Previewer




);
};

export default About;
`"
I would appreciate any help. Thanks in advance.

Regards :grinning:

It should be import {marked} from ‘marked’;

Check the documentation on marked js
https://marked.js.org/