Uncaught SyntaxError: Unexpected token '<'. Что делать ?

//import GuestApp from './guest/GuestApp';                       
//import MemberApp from './member/MemberApp';       
//import AdminApp from './admin/AdminApp';          
//import {React} from "react";                        
//import ReactDOM from "react-dom";            
const {React} = require('react');
const {ReactDOM} = require('react-dom');
const GuestApp = require('./guest/GuestApp');
const {MemberApp} = require('./member/MemberApp');
const {AdminApp} = require('./admin/AdminApp');
class App extends React.Component 
{
    constructor(props) 
    {
        super(props);
        this.loginCheckHandler=this.loginCheckHandler.bind(this);
        this.state = {role: 'guest',userInfo:{}}; // We will have "user" and "admin" roles too.
    }
    // Renders component based on current state and props
    
    loginCheckHandler(roleVal,userInfoVal) 
    {
            this.setState({role: roleVal,userInfo:userInfoVal});
    }
        
    render() 
    {
        let contents=null;
        switch(this.state.role)
        {
            case "guest":
            contents= <GuestApp loginCheckHandler = {this.loginCheckHandler}  userInfo = {this.state.userInfo}/>; //Конкретно в этой строкее!!!!!
            break;
            
            case "member":
            contents= <MemberApp loginCheckHandler={this.loginCheckHandler} userInfo={this.state.userInfo}/>;
            break; 
            
            case "admin":
            contents= <AdminApp loginCheckHandler={this.loginCheckHandler}  userInfo={this.state.userInfo}/>;
            break;
            
            default:
            contents = <h2>Not Implemented Yet.</h2>;
        }
        
        return <div>
        {contents}
        </div>
        
    }
}
 
ReactDOM.render(<App />, document.getElementById("root"));