Middleware ломает redux devtools?

Question

[fronter-up]

Добрый день! Скажите пожалуйста почему ломается REDUX_DEVTOOLS_EXTENSION когда использую миддлеваре?
Кто сталкивался с такой проблемой, как ее решить?
Плюс react extenssion для chrome тоже не работает... не пойму что такое.
Выдает ошибку Uncaught TypeError: t.apply is not a function

Код store

import {createStore, applyMiddleware} from 'redux'
import thunk from 'redux-thunk'
import rootReducer from 'reducers/index'

const middleware = [thunk];
if(process.env.NODE_ENV !== 'production') {
	middleware.push(window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__())
}


const mapStore = createStore(
	rootReducer,
	applyMiddleware(...middleware)
);

export default mapStore

Спасибо!

Answer 1

[davidnum95]

Нужно делать через compose:

const mapStore = createStore(
  rootReducer,
  compose(
    applyMiddleware(thunk),
    window.__REDUX_DEVTOOLS_EXTENSION__  ?  window.__REDUX_DEVTOOLS_EXTENSION__() : f => f,
  )
);

Comments

[fronter-up]

Заработало!)
Спасибо, а что делает : f => f
В документации нашел такое, тоже работает

const composeEnhancers =
	typeof window === 'object' &&
	window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ ?
		window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({
			// Specify extension’s options like name, actionsBlacklist, actionsCreators, serialize...
		}) : compose;

const enhancer = composeEnhancers(
	applyMiddleware(...middleware),
	// other store enhancers if any
);

[davidnum95]

fronter-up, по сути ничего не делает