title: ReactJS.NET - Component is not added to DOM
body: <p>I am following <a href="https://reactjs.net/tutorials/aspnetcore.html" rel="nofollow noreferrer">this</a> guide and I got stuck in the part when trying to add the <code>Hello World</code> component (<a href="https://reactjs.net/tutorials/aspnetcore.html#your-first-component" rel="nofollow noreferrer">Here</a>).</p>
  
  <p>Everything is compiling and I get no errors but I don't see the component.</p>
  
  <p>Here are the codes:</p>
  
  <p><code>Index.cshtml</code>:</p>
  
  <pre><code>@{
      Layout = null;
  }
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;Hello React&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="content"&gt;&lt;/div&gt;
      &lt;script crossorigin src="https://cdnjs.cloudflare.com/ajax/libs/react/16.8.0/umd/react.development.js"&gt;&lt;/script&gt;
      &lt;script crossorigin src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.8.0/umd/react-dom.development.js"&gt;&lt;/script&gt;
      &lt;script src="@Url.Content("~/js/Tutorial.jsx")"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>And that's the <code>Tutorial.jsx</code> file:</p>
  
  <pre><code>class CommentBox extends React.Component {
      render() {
          return (
              &lt;div className="commentBox"&gt;Hello, world! I am a CommentBox.&lt;/div&gt;
          );
      }
  }
  
  ReactDOM.render(&lt;CommentBox /&gt;, document.getElementById('content'));
  </code></pre>
  
  <p>Since I am new to ReactJS.NET, I hope this information will suffice. If it is not, tell me and I will provide more informaion.</p>
  
  <p>EDIT 01:</p>
  
  <p>I am getting an error in the console saying:</p>
  
  <pre><code>The script from “https://localhost:44309/js/tutorial.jsx” was loaded even though its MIME type (“text/html”) is not a valid JavaScript MIME type.`
  Loading failed for the &lt;script&gt; with source “https://localhost:44309/js/tutorial.jsx”.
  </code></pre>
  
  <p>Edit 02:
  Seems the line <code>&lt;script src="@Url.Content("/js/tutorial.jsx")"&gt;&lt;/script&gt;</code> was causing the problem. I changed it to <code>&lt;script src="/js/tutorial.js"&gt;&lt;/script&gt;</code> while also changing the file name to <code>tutorial.js</code> and now it works.</p>
  
  <p>Thanks!</p>