title: Code works on site, not on CodePen: Uncaught error '<'
body: <p>My code works on my site, but not on CodePen. When I tried copying the code from Visual Studio Code to CodePen, this error appears:
  Uncaught SyntaxError: Unexpected token '&lt;'</p>
  <p>This is the link to my codePen: <a href="https://codepen.io/sherlockieee/pen/ExPXKgJ" rel="nofollow noreferrer">https://codepen.io/sherlockieee/pen/ExPXKgJ</a></p>
  <p>Here is the code:</p>
  <pre><code>import React from &quot;react&quot;;
  import &quot;./App.css&quot;;
  import &quot;bootstrap/dist/css/bootstrap.min.css&quot;;
  import marked from &quot;marked&quot;;
  
  // ALLOWS LINE BREAKS WITH RETURN BUTTON
  marked.setOptions({
    breaks: true,
  });
  
  const renderer = new marked.Renderer();
  renderer.link = function (href, title, text) {
    return `&lt;a target=&quot;_blank&quot; href=&quot;${href}&quot;&gt;${text}&lt;/a&gt;`;
  };
  
  class App extends React.Component {
    constructor(props) {
      super(props);
      this.state = {
        markdown: placeholder,
      };
      this.handleChange = this.handleChange.bind(this);
    }
    handleChange(e) {
      this.setState({
        markdown: e.target.value,
      });
    }
    render() {
      return (
        &lt;div className=&quot;App&quot;&gt;
          &lt;div className=&quot;container&quot;&gt;
            &lt;h1&gt; Markdown Preview &lt;/h1&gt;
            &lt;div className=&quot;row&quot;&gt;
              &lt;div className=&quot;editor-box col&quot;&gt;
                &lt;h2&gt;Editor View&lt;/h2&gt;
                &lt;textarea onChange={this.handleChange} id=&quot;editor&quot;&gt;
                  {placeholder}
                &lt;/textarea&gt;
              &lt;/div&gt;
  
              &lt;div className=&quot;preview-box col&quot;&gt;
                &lt;h2&gt;Preview &lt;/h2&gt;
                &lt;div
                  id=&quot;preview&quot;
                  dangerouslySetInnerHTML={{
                    __html: marked(this.state.markdown, { renderer: renderer }),
                  }}
                /&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      );
    }
  }
  
  const placeholder = `# Welcome to my React Markdown Previewer 
  
  
  `;
  
  export default App;
  </code></pre>