react js and AEM

[rk39193348]

Hi

I am getting error "Uncaught SyntaxError: Unexpected token import" and "unexpected symbol <" in console in my below code when deployed to AEM. Can you please help?

import React from "react";
import {Header} from "./Header";
export class Root extends React.Component {

   render() {
        return (
            <div className="container">
                <div className="row">
                    <div className="col-xs-10 col-xs-offset-1">
                        <Header />
                    </div>
                </div>
                <hr/>
                <div className="row">
                    <div className="col-xs-10 col-xs-offset-1">
                        {this.props.children}
                    </div>
                </div>
            </div>
        );
    }
}