react-router-reduxにてエラー

Question

前提・実現したいこと

react-router-reduxを勉強しています。
compileは通るのですがブラウザではエラーがでています。
解決の糸口いら見つけられなく困っています。
ご指導いただけますでしょうか?

発生している問題・エラーメッセージ

TypeError: Cannot read property 'dispatch' of undefined
ConnectedRouter._this.handleLocationChange
node_modules/react-router-redux/es/ConnectedRouter.js:49

該当のソースコード

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
//import App from './App';
import * as serviceWorker from './serviceWorker';

import { createStore, combineReducers, applyMiddleware } from 'redux';
import { Provider } from 'react-redux';

import createHistory from 'history/createBrowserHistory';
import { Route } from 'react-router';

import { ConnectedRouter, routerReducer, routerMiddleware } from 'react-router-redux';

import { App, Count, Display } from './components';
import { countReducer } from './reducers/count';

const history = createHistory();
const middleware = routerMiddleware(history);

const store = createStore(
combineReducers({
count: countReducer,
routing: routerReducer
}),
applyMiddleware(middleware)
);

ReactDOM.render(
<Provider store={store}>
<ConnectedRouter history={ history }>
<div>
<Route exact path="/" component={ App }/>
<Route path="/count" component={ Count }/>
<Route path="/display" component={ Display }/>
</div>
</ConnectedRouter>
</Provider>
, document.getElementById('root')
);
serviceWorker.unregister();

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[jun68ykt]

ご質問の状況をより正確に把握するためご使用のパッケージのバージョンを明確にしておいたほうがよいので、参考までに package.json もご質問にコピペで追記して頂けますでしょうか。

Answer 1

質問の内容が不十分でした。
問題はreact-router-reduxのバージョンの問題でした。
ありがとうございました。

別の問題が発生したため、一旦この質問は終了し、別途質問しようと思います。

Comments

[ina]

同じエラーで困っています。
バージョンの問題は解決されたのでしょうか？
そうであれば、解決方法を詳しく教えていただけないでしょうか？
よろしくお願いいたします。
react-router-reduxのバージョンは、^5.0.0-alpha.9　です。

[ina]

こちら自力で何とかなりました。（お騒がせしました）
同じ現象で困っている人もいるかもしれないので、解決したやり方を書いておきます。

react-router-reduxを導入しようとした際にコンパイルは通るのですが、
ブラウザで「TypeError: Cannot read property 'dispatch' of undefined」というエラーが出ていて、
パッケージのバージョンを下記のように修正すると、
修正前
"react-redux": "^6.0.1"
"react-router-dom": "^5.0.0"
修正後
"react-redux": "^5.0.4"
"react-router-dom": "^4.2.2"
エラーが「A <Router> may have only one child element」に変わり、
Routeを<React.Fragment>（もしくは<div>など）で囲むことでエラーはなくなりました。

参考にしたサイト
https://kenjimorita.jp/react-router3-x%E2%86%924-x/