Uncaught TypeError: dispatch(...).then is not a function about redux-thunk HOT 12 CLOSED

found it is not related with redux-thunk, please delete it. Sorry

from redux-thunk.

@sun2rise Thunk isn't promise middleware. Your action creators can look like this

const actionCreator = () => dispatch => {
  return new Promise(resolve => {
    setTimeout(() => {
      resolve();
    }, 10);
  }).then(() => {
    dispatch({ type: 'ACTION_TYPE' });
  });
};

store.dispatch(actionCreator()).then(() => {
  console.log('The end of poem');
});

from redux-thunk.

@wenqiW What was it, I am having the same issue

from redux-thunk.

@wenqiW, @ericwooley i am having the same issue... where am i wrong?

from redux-thunk.

@sun2rise Did you return promise in action creator?

from redux-thunk.

This is the object that i return from my action:

return new Promise(function (resolve, reject) {
    resolve({
      type: types.STORE_MEDIA_DATA_AUDIO_TRACKS,
      payload: fixedData
    });
  });

and this is the error i got:

VM5118:1180 Uncaught Error: Actions must be plain objects. Use custom middleware for async actions.

I got this in my configureStore.js

import thunk from 'redux-thunk';

const store = createStore(rootReducer, initialState, compose(
    // Add other middleware on this line...
    applyMiddleware(thunk),
    window.devToolsExtension ? window.devToolsExtension() : f => f // add support for Redux dev tools
    )
  );

from redux-thunk.

For the record, my problem wasn't redux-thunk, it ended up being a different middle ware that was interfering with this.

from redux-thunk.

So redux-thunk is only for timing stuff? i have to chain actions, should i use redux-promise? I have to wait for a very short operation to complete and then call the next action

from redux-thunk.

@sun2rise If your having a similar problem to me, try disabling other middle wares and see if it works

IIRC the one that was the issue for me was the redux-localstorage middleware

from redux-thunk.

thanks @ericwooley but i only (try to) use redux-thunk for now.. all i do is

applyMiddleware(thunk)

in my createStore function

from redux-thunk.

I'm having this issue. I tried removing all other middleware but that didn't fix it. It looks like the dispatch method is just returning the action object, not a promise.

from redux-thunk.

The action is being returned from here: https://github.com/reactjs/redux/blob/master/src/createStore.js#L181

from redux-thunk.