TypeError: Found non-callable @@iterator

const  middelware ={thunk};
 const Store = createStore(
      rootReducer,initialState, compose(
          applyMiddleware(...middelware),
           window.devToolsExtension ? window.devToolsExtension() : f=> f

const  middelware ={thunk};
 const Store = createStore(
      rootReducer,initialState, compose(
          applyMiddleware(...middelware),
           window.devToolsExtension ? window.devToolsExtension() : f=> f

TypeError: Found non-callable @@iterator

const  middelware ={thunk};
 const Store = createStore(
      rootReducer,initialState, compose(
          applyMiddleware(...middelware),
           window.devToolsExtension ? window.devToolsExtension() : f=> f

const  middelware ={thunk};
 const Store = createStore(
      rootReducer,initialState, compose(
          applyMiddleware(...middelware),
           window.devToolsExtension ? window.devToolsExtension() : f=> f

• javascript
• reactjs
• store

• This has nothing to do with React or Redux. – Kevin Beal Commented Jan 15, 2020 at 16:56

2 Answers 2

Presumably middleware is an object and not an array, so here or somewhere else, you are doing the equivalent of this:

applyMiddleware(...{})

rather than:

applyMiddleware(...[])

Spreading arguments in function calls can only be done with arrays or other similar iterable objects.

Enhancing Kevin Beal answer,

You can use:

applyMiddleware(...Object.values(middleware))