title: Error: Adjacent JSX elements must be wrapped in an enclosing tag
body: <p>I am trying to print props of a react component but getting an error. Please help: </p>
  
  <p><strong>Snippet:</strong> </p>
  
  <pre><code>&lt;!-- DOCTYPE HTML --&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.4.2/react.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.4.2/react-dom.min.js"&gt;&lt;/script&gt;
      &lt;script src="http://fb. me/JSXTransformer-0.12.1.js"&gt;&lt;/script&gt;
      &lt;!-- gap above is intended as else stackOverflow not allowing to post --&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
      &lt;div id="div1"&gt;&lt;/div&gt;
  
      &lt;script type="text/jsx"&gt;
  
          //A component
          var George = React.createClass({
              render: function(){
                  return (
                      &lt;div&gt; Hello Dear!&lt;/div&gt;
                      &lt;div&gt;{this.props.color}&lt;/div&gt;
                  );
              }
          });
  
          ReactDOM.render(&lt;George color="blue"/&gt;, document.getElementById('div1'));
  
      &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I am expecting "Hello Dear!" and then next line "blue". But, I am getting this error instead.</p>
  
  <p><strong>Error:</strong></p>
  
  <p><a href="https://i.stack.imgur.com/ao50e.png" rel="noreferrer"><img src="https://i.stack.imgur.com/ao50e.png" alt="enter image description here"></a></p>