Настройте devToolsExtension и applyMiddleware () внутри React-Redux Store

Я не могу определить точный способ одновременного использования devToolsExtension и промежуточного программного обеспечения в хранилище redux.

Ниже мой код для магазина redux.

import {createStore, combineReducers, applyMiddleware} from 'redux';
import thunk from 'redux-thunk';
import counterReducer from './../reducers/counterReducer';

const reducers = combineReducers({
    counter: counterReducer
});
const store = createStore(
    reducers, 
    {counter: {count:0} },
    // window.devToolsExtension && window.devToolsExtension(), 
    applyMiddleware(thunk)
);

export default store;

Поскольку createStore () принимает 3 аргумента. Перед применением thunk промежуточного программного обеспечения я использовал его как приведенный ниже код, который мне подходит.

const store = createStore(
    reducers, 
    {counter: {count:0} },
    window.devToolsExtension && window.devToolsExtension()
);

Теперь мне нужно использовать devToolsExtension, а также одновременно применить промежуточное ПО.

Я попытался поместить devToolsExtension и applyMiddleware внутрь массива, чтобы они действовали как третий аргумент, но это не сработало.

const store = createStore(
    reducers, 
    {counter: {count:0} },
    [window.devToolsExtension && window.devToolsExtension(), 
    applyMiddleware(thunk)]
);

Теперь ситуация такова, что мне нужно либо использовать devToolsExtension в качестве третьего аргумента, либо applyMiddleware () в качестве третьего аргумента.

Но я хочу использовать оба одновременно. Как я могу этого добиться?