I get following error message when I try to render a IgTextEditorL

Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

Following is my code:

mport React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
import '../node_modules/react-vis/dist/style.css';
import {XYPlot, LineSeries, XAxis, YAxis, VerticalGridLines,HorizontalGridLines} from 'react-vis';

import {IgTextEditor} from '../node_modules/igniteui-react/ui/igTextEditor.js'

class App extends Component {
render() {

return (
<div className="App">

<IgTextEditor placeHolder="John"/>
</div>
);
}
}

export default App;

Do you know what's the problem?