Redux-devtools-extension: Redux Uncaught Error: It looks like you are passing several store enhancers to createStore()

Created on 30 Oct 2018 · 9Comments · Source: zalmoxisus/redux-devtools-extension

Hi,

Since a couple of days I can't access to my remote web appplication anymore while enabling Redux Devtools in Chrome.

I tried to reinstall the extension and to clean all browsing data but it didn't resolve the error. Currently I have to test my application served by npm on localhost, or by using incognito mode.

The detailed error is :

Uncaught Error: It looks like you are passing several store enhancers to createStore(). This is not supported. Instead, compose them together to a single function
    at o (redux.js:66)
    at Object.<anonymous> (index.js:16)
    at t (bootstrap b5dc8cab7b2a5da1ea64:19)
    at Object.<anonymous> (main.c859c145.js:54321)
    at t (bootstrap b5dc8cab7b2a5da1ea64:19)
    at bootstrap b5dc8cab7b2a5da1ea64:62
    at bootstrap b5dc8cab7b2a5da1ea64:62

line index.js:16 :

const store = createStore(rootReducer,
  window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__(),
  applyMiddleware(thunk, reactRouterMiddleware));

Thanks.

Source

bmwcmw

👍6

Most helpful comment

Currently it works by changing to

const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
const store = createStore(
  rootReducer,
  composeEnhancers(
    applyMiddleware(thunk, reactRouterMiddleware),
  )
);

bmwcmw on 2 Nov 2018

👍5 😄2

All 9 comments

try this

const store = createStore(rootReducer, compose(applyMiddleware(thunk, reactRouterMiddleware), window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()))

zenghj on 2 Nov 2018

👍6

Currently it works by changing to

const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
const store = createStore(
  rootReducer,
  composeEnhancers(
    applyMiddleware(thunk, reactRouterMiddleware),
  )
);

bmwcmw on 2 Nov 2018

👍5 😄2

PS : it doesn't work anymore on Firefox now ...

TypeError: e[n] is undefined

node_modules/react-redux/es/components/connectAdvanced.js:26

  23 | var selector = {
  24 |   run: function runComponentSelector(props) {
  25 |     try {
> 26 |       var nextProps = sourceSelector(store.getState(), props);
  27 |       if (nextProps !== selector.props || selector.error) {
  28 |         selector.shouldComponentUpdate = true;
  29 |         selector.props = nextProps;

bmwcmw on 2 Nov 2018

👍5 😕1

@bmwcmw Me too facing same error as above in firefox. Did you fix it?

kashyap2108 on 13 Nov 2018

Me three(?). Engineer facing same error in FIrefox regular and nightly,

mikeconwell on 14 Nov 2018

Same issues here between myself and a team member on firefox

PrismaPhonic on 18 Nov 2018

here the final fix for me : https://github.com/zalmoxisus/redux-devtools-extension/issues/570

bmwcmw on 20 Nov 2018

Is this way of configuring the store documented somewhere? I think it's wrong and should be fixed if we have it somewhere in the docs.

zalmoxisus on 7 Dec 2018

Currently it works by changing to

const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
const store = createStore(
  rootReducer,
  composeEnhancers(
    applyMiddleware(thunk, reactRouterMiddleware),
  )
);

Thank you @bmwcmw
It works well