Actions must be plain objects. Use custom middleware for async actions.

[Ashwin117]

I'm seeing this even though i have a correct store setup

import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';
import { createStore, applyMiddleware } from 'redux';

import App from './containers/App';
import reducers from './reducers';
import {getInitialState} from './helper';
import thunk from 'redux-thunk';

const store = createStore(
  reducers,
  getInitialState(),
  applyMiddleware(thunk)
)

ReactDOM.render(
  <Provider store={store}>
    <App/>
  </Provider>
  , document.querySelector('.container'));

Where am i going wrong?

[Ashwin117]

I'm using React 16 btw. And Redux 3.7

[jukkatupamaki]

@Ashwin117 make sure that you call the dispatch function with an object that has at least a type key.

Despite the correct setup, some parts of your app might be dispatching e.g. an undefined value which causes the error you mentioned.

[GautamSatish]

Hello,
I am seeing the same problem. This is what my action looks like, it is the same example from the readme file:

const INCREMENT_COUNTER = 'INCREMENT_COUNTER';

function increment() {
  return {
    type: INCREMENT_COUNTER
  };
}

function incrementAsync() {
  return dispatch => {
    setTimeout(() => {
      // Yay! Can invoke sync or async actions with `dispatch`
      dispatch(increment());
    }, 1000);
  };
}

Store is set up as below and passed to the provider:

export default createStore(
  rootReducer,
  applyMiddleware(thunk)
);

<Provider store={store}>

The incrementAsync is dispatched from a connected component as below:

this.props.dispatch(incrementAsync);

I still get Uncaught Error: Actions must be plain objects. Use custom middleware for async actions.

NPM versions:
"react": "^16.3.2",
"react-dom": "^16.3.2",
"react-redux": "^5.0.7",
"react-router-dom": "^4.2.2",
"redux": "^4.0.0",
"redux-thunk": "^2.2.0"

Is there anything that I am not setting up correct?

[GautamSatish]

Someone on Stack Overflow helped me out, it should have been:

this.props.dispatch(incrementAsync());