CODEWITHSUNDEEP
javascriptreactjsredux-thunk
AlekseyDanchin
AlekseyDanchin

Reputation: 310

integrating 'react-thunk': 'cannot call a class as a function'

How fix it?

composeWithDevTools(applyMiddleware()) // work
composeWithDevTools(applyMiddleware(thunk)) // don't work

console error message:

Uncaught TypeError: Cannot call a class as a function

Code:

import { createStore, applyMiddleware } from 'redux';
import { composeWithDevTools } from 'redux-devtools-extension';
import thunk from 'react-thunk';

createStore(reducer, composeWithDevTools(applyMiddleware(thunk)));

Upvotes: 2

Views: 397

Answers (2)

AlekseyDanchin
AlekseyDanchin

Reputation: 310

instead

import thunk from 'react-thunk';

must be

import thunk from 'redux-thunk';

Upvotes: 1

Wei
Wei

Reputation: 372

import { createStore, applyMiddleware, compose } from 'redux';
import { browserHistory } from 'react-router';
import { routerMiddleware } from 'react-router-redux';
import reducers from '../reducers/';
import thunk from 'redux-thunk';

const middlewares = [thunk, routerMiddleware(browserHistory), apiMiddleware];

const enhancers = compose(
  applyMiddleware(...middlewares),
);

const store = createStore(reducers, enhancers);


export default store;

Upvotes: 0

Related Questions