Проблема с import React from 'react';

у меня есть employee.jsx которых отображает employee и все окей но как только я добавляю export default Employees для того что бы класс использовать в другом месте, на вьюшке ничего не отображается и когда добавляю import React from 'react' тоже все ломается

 import React from 'react';
class Employee extends React.Component {
    constructor(props) {
        super(props);
        this.state = { data: props.employee };
    }
    render() {
        return (<div>
            <table border="2" width="600">
            <tr>
                <td>{this.state.data.Id}</td>
                <td>{this.state.data.Name}</td>
                <td>{this.state.data.Surname}</td>
                <td>{this.state.data.SecondName}</td>
                <td>{this.state.data.Age}</td>
                <td>{this.state.data.Position}</td>
            </tr>
            </table>
        </div>);
    }
}
class Employees extends React.Component {
    constructor(props) {
        super(props);
        this.state = { employees: [] };
    }
    loadData() {
        var xhr = new XMLHttpRequest();
        xhr.open("get", this.props.getUrl, true);
        xhr.onload = function () {
            var data = JSON.parse(xhr.responseText);
            this.setState({ employees: data });
        }.bind(this);
        xhr.send();
    }
    componentDidMount() {
        this.loadData();
    }
    render() {
        return (
            <div>
                {
                    this.state.employees.map(function (employee) {
                        return <Employee employee={employee} />
                    })
                }
            </div>);
        }
}
function App() {
    return (<Employees getUrl="/employee/getAll" />);
}
ReactDOM.render(<App />, document.getElementById('content'));
export default Employees;