title: SyntaxError: Expected corresponding JSX closing tag for <input>
body: <p>I really sorry, for most of you its like a stupid question... but my brain doesn't work right now. So this is my index.js</p>
  
  <pre><code>import React from 'react';
  import './style.scss';
  
  const MyComponent = () =&gt; (
      &lt;div style="margin:auto;"&gt;
  
          &lt;table cellSpacing="0" cellPadding="0" style="margin:0 auto;margin-bottom:2rem;"&gt;
              &lt;tr&gt;
                  &lt;td&gt;&lt;span
                      style="  height: 100px;width: 100px;background-color: darkgrey;border-radius: 50%;display: inline-block;"&gt;&lt;/span&gt;
                  &lt;/td&gt;
                  &lt;td style="color:#2c4e88;"&gt;
                      &lt;h1&gt;&lt;p&gt;swedavia&lt;/p&gt;&lt;/h1&gt;
                      &lt;h2&gt;&lt;p&gt;swedish airports&lt;/p&gt;&lt;/h2&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
  
  
          &lt;form&gt;
              &lt;div style="color:darkgrey;padding: 16px;"&gt;
                  &lt;label htmlFor="uname"&gt;Username&lt;/label&gt;
                  &lt;input type="text" name="uname" required&gt;
                      &lt;label htmlFor="psw"&gt;Password&lt;/label&gt;
                      &lt;input type="password" name="psw" required&gt;
                          &lt;div style="margin-top:2rem;"&gt;
                              &lt;button type="submit"&gt;?????????&lt;/button&gt;
                              &lt;span style="float: right;padding-top: 16px;"&gt;&lt;a href="#"&gt;Forgot password?&lt;/a&gt;&lt;/span&gt;
                          &lt;/div&gt;
              &lt;/div&gt;
          &lt;/form&gt;
  
      &lt;/div&gt;
  );
  export default MyComponent;
  </code></pre>
  
  <p>this is index.html</p>
  
  <pre><code>&lt;html&gt; 
    &lt;head&gt;
      &lt;title&gt;My Component Demo&lt;/title&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"&gt; 
    &lt;/head&gt; 
    &lt;body&gt; 
      &lt;noscript&gt;
        You need to enable JavaScript to run this app. 
      &lt;/noscript&gt; 
      &lt;div id="root"&gt;&lt;/div&gt; 
    &lt;/body&gt; 
  &lt;/html&gt;
  </code></pre>
  
  <p>and this is examples/src/index.js</p>
  
  <pre><code>import React from 'react';
  import { render} from 'react-dom';
  import MyComponent from '../../src';
  const App = () =&gt; (
      &lt;MyComponent /&gt;
  );
  render(&lt;App /&gt;, document.getElementById("root"));
  </code></pre>
  
  <p>i don't understand how can i render it
  it doesn't work when i want to render full form...
  but when it is for example </p>
  
  <pre><code>&lt;h1&gt;Hello&lt;/h1&gt;
  </code></pre>
  
  <p>then it works...</p>