Почему я не могу использовать экспортированные маршруты в index.js

Я получаю сообщение об ошибке. React.createElement: тип недопустим - ожидается строка (для встроенных компонентов) или класс / функция (для составных компонентов), но получила: undefined

Я пытаюсь использовать riutes из импорта в Index.js

    import React from 'react';
import ReactDom from 'react-dom';
import routes from './routes.js';
import { HashRouter as Router, Route, IndexRoute } from 'react-router-dom'; 

const renderApp = (appRoutes) => {
    ReactDom.render(appRoutes, document.getElementById('app'));
};

renderApp( routes() );  

Я экспортирую этот импортный ответ из «реакции» ; import { AppContainer } из « реактивного горячего загрузчика» ; import { BrowserRouter as Router , Route , browserHistory , IndexRoute } из ' response -router-dom' ; импортировать приложение из './components/App' ; const routes = () => ( < AppContainer > < История маршрутизатора = { browserHistory } component = { App }> </ Router > </ AppContainer > ); экспорт маршрутов по умолчанию ; с маршрутов.js

routes