Reduxのサンプルコードである。[async](https://github.com/reactjs/redux/tree/master/examples/async)にreact-
routerを導入しました。しかし、index.jsとroutes.jsを下記のように作成したところ、containers/App.jsの`componentDidMount`が呼ばれずにViewが表示されなくなってしまいました。どこが間違っているのかわかりますか。

index.js

```

    import 'babel-polyfill';
    import React from 'react';
    import { render } from 'react-dom';
    import { Provider } from 'react-redux';
    import { Router, useRouterHistory } from 'react-router';
    import { createHashHistory } from 'history';
    import configureStore from './store/configureStore';
    import routes from './routes';
    
    const history = useRouterHistory(createHashHistory)({queryKey: false});
    const store = configureStore();
    
    render(
      <Provider store={store}>
        <Router history={history} routes={routes} />
      </Provider>,
      document.getElementById('root')
    )
    
```

routes.js

```

    import React from 'react';
    import { Route, IndexRoute } from 'react-router';
    
    import { App } from './containers/App';
    
    
    export default (
        <Route path='/'>
          <IndexRoute component={App}/>
        </Route>
    );
    
```

エラーは特に出てません。
CC BY-SA 3.0
2016-04-30T05:09:30.233
24468
2021-12-03T07:05:20.577
7232
question
javascript reactjs redux
react-routerを導入するとcomponentDidMountが呼ばれなくなった
```

    import { App } from './containers/App';
    
```

ではなく

```

    import App from './containers/App';
    
```

ではないでしょうか。ブラウザの Console にエラーが出ていると思います。
CC BY-SA 3.0
2017-03-28T04:14:24.083
33597
2017-03-28T04:14:24.083
8771
24468
answer