diff --git a/examples/counter/containers/App.js b/examples/counter/containers/App.js
index 970195d202..4da345c920 100644
--- a/examples/counter/containers/App.js
+++ b/examples/counter/containers/App.js
@@ -1,20 +1,34 @@
import React, { Component } from 'react';
import CounterApp from './CounterApp';
-import { createStore, applyMiddleware, combineReducers } from 'redux';
+import { createStore, applyMiddleware, combineReducers, compose } from 'redux';
+import { devTools, persistState } from 'redux-devtools';
+import { DevTools, DebugPanel, LogMonitor } from 'redux-devtools/lib/react';
import thunk from 'redux-thunk';
import { Provider } from 'react-redux';
import * as reducers from '../reducers';
-const createStoreWithMiddleware = applyMiddleware(thunk)(createStore);
+const finalCreateStore = compose(
+ applyMiddleware(thunk),
+ devTools(),
+ persistState(window.location.href.match(/[?&]debug_session=([^&]+)\b/)),
+ createStore
+);
+
const reducer = combineReducers(reducers);
-const store = createStoreWithMiddleware(reducer);
+const store = finalCreateStore(reducer);
export default class App extends Component {
render() {
return (
-