Doesn't load data anymore after replacing redux-async-connect with redux-connect

[crunchtime-ali]

I'm trying to switch from redux-async-connect to redux-connect.
I migrated as done in this PR erikras/react-redux-universal-hot-example#1140

The problem is that once I replace all from 'redux-async-connect in import statements with redux-connect it doesn't fetch any data anymore.

This is part of an example page where I want to use redux-connect:

import React, {Component, PropTypes} from 'react';
import Helmet from 'react-helmet';
import { asyncConnect } from 'redux-async-connect';
import {connect} from 'react-redux';

@asyncConnect([{
  deferred: true,
  promise: ({
    store: {
      dispatch,
      getState,
    }
  }) => {
    if (!isLoaded(getState())) {
      return dispatch(load());
    }
  }
}])
@connect(
  state => ({
    items: state.invoice.data,
    error: state.invoice.error,
    loading: state.invoice.loading,
    loaded: state.invoice.loaded,
    messages: state.intl.messages,
  }),
  dispatch => ({dispatch})
)

[SherClockHolmes]

I am having a similar issue on the latest version, I reverted back to version 2.1.0 and it seems to work.

[AVVS]

1. filter doesnt work properly if you want to have different props loaded on server/client - check filter-ed promises not being executed in componentDidMount #30

import React, { Component, PropTypes } from 'react';
import Helmet from 'react-helmet';
import { asyncConnect } from 'redux-connect';

@asyncConnect([{
  promise: ({ store: { dispatch, getState } }) => {
     if (!isLoaded(getState())) {
        // must return promise!
        return dispatch(load());
    }
  }
}],
state => ({
  items: state.invoice.data,
  error: state.invoice.error,
  loading: state.invoice.loading,
  loaded: state.invoice.loaded,
  messages: state.intl.messages,
}))

This is optimized version of your code, since dispatch is passed by connect in any case