title: Uncaught SyntaxError: Unexpected token < with React
body: <p>I am very much new to React. The following is my first script.</p>
  
  <p>But I am getting the following error.</p>
  
  <blockquote>
    <p>Uncaught SyntaxError: Unexpected token &lt;</p>
  </blockquote>
  
  <p>I have even searched through google/SO. But I couldn't get it to work.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;First React App&lt;/title&gt;
      &lt;script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"&gt;&lt;/script&gt;
      &lt;script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"&gt;&lt;/script&gt;
      &lt;script  src="https://unpkg.com/babel-standalone@6/babel.min.js"&gt;&lt;/script&gt;  
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="app"&gt;
  
      &lt;/div&gt;
      &lt;script&gt;
          const name = 'John doe'
          const handle = '@john_doe'
  
          function NameComponent (props){
              return &lt;h1&gt;{props.name}&lt;/h1&gt;;//The problem is here using JSX syntax
          }
  
          function HandleComponent(props){
              return &lt;h3&gt;{props.handle}&lt;/h3&gt;;
          }
  
          function App(){
              return (
                  &lt;div id="container"&gt;
                      &lt;NameComponent name={name}/&gt;
                      &lt;HandleComponent handle={handle}/&gt;
                  &lt;/div&gt;
              );
          }
  
  
          ReactDOM.render(&lt;App /&gt;,document.getElementById('app'));
      &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>