title: React js in AEM
body: <p>I am using react js in Adobe experience manager (AEM) I am getting console errors. Here is my code: I am getting </p>
  
  <blockquote>
    <p>"Uncaught SyntaxError: Unexpected token import"</p>
  </blockquote>
  
  <p>also I am getting error near </p>
  
  <blockquote>
    <p>'&lt;' "Unexpected token error"</p>
  </blockquote>
  
  <p>Can someone please help?</p>
  
  <pre><code>import React from "react";
  
  import {Header} from "./Header";
  
  export class Root extends React.Component {
      render() {
          return (
              &lt;div className="container"&gt;
                  &lt;div className="row"&gt;
                      &lt;div className="col-xs-10 col-xs-offset-1"&gt;
                          &lt;Header /&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;hr/&gt;
                  &lt;div className="row"&gt;
                      &lt;div className="col-xs-10 col-xs-offset-1"&gt;
                          {this.props.children}
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          );
      }
  }
  </code></pre>