fix: allow applyMiddleware to be called more than once

closes #3451

Author: ironcoconut

src/applyMiddleware.js

@@ -31,11 +31,9 @@ export default function applyMiddleware(...middlewares) {
       dispatch: (...args) => dispatch(...args)
     }
     const chain = middlewares.map(middleware => middleware(middlewareAPI))
-    dispatch = compose(...chain)(store.dispatch)
+    store.dispatch = compose(...chain)(store.dispatch)
+    dispatch = (...args) => store.dispatch(...args)
 
-    return {
-      ...store,
-      dispatch
-    }
+    return store
   }
 }

test/applyMiddleware.spec.js

@@ -1,4 +1,4 @@
-import { createStore, applyMiddleware } from '../'
+import { createStore, applyMiddleware, compose } from '../'
 import * as reducers from './helpers/reducers'
 import { addTodo, addTodoAsync, addTodoIfEmpty } from './helpers/actionCreators'
 import { thunk } from './helpers/middleware'
@@ -56,6 +56,26 @@ describe('applyMiddleware', () => {
     })
   })
 
+  it('can be applied more than once as additional enhancers', () => {
+    function test(spyOnMethods) {
+      return () => next => action => {
+        spyOnMethods(action)
+        return next(action)
+      }
+    }
+
+    const spy = jest.fn()
+    const enhancer = compose(
+      applyMiddleware(test(spy)),
+      applyMiddleware(thunk)
+    )
+    const store = enhancer(createStore)(reducers.todos)
+
+    return store.dispatch(addTodoAsync('Use Redux')).then(() => {
+      expect(spy.mock.calls.length).toEqual(2)
+    })
+  })
+
   it('works with thunk middleware', done => {
     const store = applyMiddleware(thunk)(createStore)(reducers.todos)