title: React Component not rendering to HTML
body: <p>The HTML doesn't seem to be loading the snippetInfo.js for a reason I can't figure out. I've surfed the web quite a bit but the solutions don't work. If I add <code>type='text/javascript'</code> to the script tag, I get the error <code>Uncaught SyntaxError: Unexpected token '&lt;'</code> I believe it's got something to do with my React configuartion, or something is missing in the package.json file. Please let me know.</p>
  <p>index.html:</p>
  <pre><code>&lt;html&gt;
    &lt;head&gt;
      &lt;script crossorigin src=&quot;https://unpkg.com/react@16/umd/react.development.js&quot; &gt;&lt;/script&gt;
      &lt;script crossorigin src=&quot;https://unpkg.com/react-dom@16/umd/react-dom.development.js&quot; &gt;&lt;/script&gt;
    &lt;/head&gt;
  &lt;body&gt;
    &lt;h1&gt;Snippet #1234&lt;/h1&gt;
    &lt;div id=&quot;snippetinfo&quot;&gt;&lt;/div&gt;
    &lt;script src=&quot;snippetInfo.js&quot; &gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>snippetInfo.js:</p>
  <pre><code>class UpdateButton extends React.Component {
    render() {
      return (
        &lt;button className='Update'&gt;Update Info&lt;/button&gt;
      );
    }
  }
  
  class SnippetInfo extends React.Component {
    constructor(props) {
      super(props);
      this.state = {
        value: 'Snippet Info Here...',
      };
  
      this.handleChange = this.handleChange.bind(this);
      this.handleSubmit = this.handleSubmit.bind(this);
    }
  
    handleChange(event) {
      this.setState({value: event.target.value});
    }
  
     
    handleSubmit(event) {
      alert('Snippet Info was updated');
      event.preventDefault();
    }
    
  
    render () {
      const status = 'Next player: Joe';
      
      return (
        &lt;div&gt;
          &lt;div className='status'&gt;{status}&lt;/div&gt;
          &lt;div className='form'&gt;
            &lt;form onSubmit={this.handleSubmit}&gt;
              &lt;label&gt;
                Snippet Info:
                &lt;textarea value={this.state.value} onChange={this.handleChange}/&gt;
              &lt;/label&gt;
              &lt;input type='submit' value='Submit' /&gt;
            &lt;/form&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      );
    }
  }
  
   ReactDOM.render(
    &lt;SnippetInfo /&gt;,
    document.getElementById(&quot;snippetinfo&quot;)
  );
  </code></pre>
  <p>package.json</p>
  <pre><code>{
    &quot;name&quot;: &quot;Urania&quot;,
    &quot;version&quot;: &quot;1.0.0&quot;,
    &quot;description&quot;: &quot;&lt;html&gt; &lt;head&gt; &lt;style&gt; /************************************* GENERAL *************************************/ body {     margin: 15;     padding: 0;     font: 12px/1.4em \&quot;Lucida Grande\&quot;, Verdana, sans-serif;     color: #333;     overflow-y: scroll;     text-rendering: optimizeLegibility;     background-color: #F2F2F2; }&quot;,
    &quot;main&quot;: &quot;index.js&quot;,
    &quot;scripts&quot;: {
      &quot;test&quot;: &quot;echo \&quot;Error: no test specified\&quot; &amp;&amp; exit 1&quot;
    },
    &quot;repository&quot;: {
      &quot;type&quot;: &quot;git&quot;,
      &quot;url&quot;: &quot;git+https://github.com/jhyuen/urania.git&quot;
    },
    &quot;keywords&quot;: [],
    &quot;author&quot;: &quot;&quot;,
    &quot;license&quot;: &quot;ISC&quot;,
    &quot;bugs&quot;: {
      &quot;url&quot;: &quot;https://github.com/jhyuen/urania/issues&quot;
    },
    &quot;homepage&quot;: &quot;https://github.com/jhyuen/urania#readme&quot;,
    &quot;devDependencies&quot;:{
        &quot;babel-cli&quot;: &quot;^6.26.0&quot;,
        &quot;babel-preset-react-app&quot;: &quot;^3.1.2&quot;,
        &quot;babel-core&quot;: &quot;^6.1.*&quot;,
        &quot;babel-loader&quot;: &quot;^6.2.*&quot;,
        &quot;babel-preset-es2015&quot;: &quot;^6.16.*&quot;,
        &quot;babel-preset-react&quot;: &quot;^6.16.*&quot;,
        &quot;webpack&quot;: &quot;^1.13.*&quot;,
        &quot;webpack-dev-server&quot;: &quot;^1.16.*&quot;
    },
    &quot;dependencies&quot;:{
        &quot;react&quot;: &quot;^16.11.0&quot;,
        &quot;react-dom&quot;: &quot;^16.11.0&quot;
    }
  }
  
  </code></pre>