使用nextjs进行服务器端渲染时没有Redux工具

Question

I have been using nextjs / reduxSaga / expressJs to create a simple todo app. I have a problem when rendering my app using my nodejs server, my redux tools do not work but action are getting dispatched normaly.

I say "when i use my nodejs server" because when using the test server provided by nextjs everything seems to work just right. Store code :

import {createStore, applyMiddleware, compose} from 'redux'
import createSagaMiddleware from 'redux-saga'

import taskReducer from './reducers/tasks'
import {watchFetchTask} from './sagas'

const sagaMiddleware = createSagaMiddleware()

const bindMiddleware = (middleware) => {
    if (process.env.NODE_ENV !== 'production') {
      const { composeWithDevTools } = require('redux-devtools-extension')
      return composeWithDevTools(applyMiddleware(...middleware))
    }
    return applyMiddleware(...middleware)
  }

function configureStore () {
  const store = createStore(
    taskReducer,
    bindMiddleware([sagaMiddleware])
  )

  store.runSagaTask = () => {
    store.sagaTask = sagaMiddleware.run(watchFetchTask)
  }

  store.runSagaTask()
  return store
}
export default configureStore

Nodejs serving code :

exports.index = (req, res) => {
    handle(req, res)
} 

where handle is :

const dev = process.env.NODE_ENV !== 'production'
const nextapp = next({dev})
const handle = nextapp.getRequestHandler()

I do not see how can this work since the bindMiddleware is triggered on the server. How can i make it work with my nodejs server ?