I'm using react + redux + redux saga

I'm facing the issue that when I'm rendering the page (GET call)
The calls should be like:

1. constructor
2. render()
3. componentDidMount
4. render()

But I'm just reaching up to `componentDidMount`, `mapDispatchToProps` is dispatching the action, API call is working by which getting the response from the server and the data is updated into the state.
**BUT** somewhere it gets lost and my component is not even re rendering.
Up to the reducer, I'm getting the data where I'm returning `action.items`.

### itemReducer.js

```
const itemReducer = (state = initialState, action) => {
  switch (action.type) {
    case types.GET_ALL_ITEMS_SUCCESS:
      console.log("itemReducer-----", action.items); //getting the data over here
      return action.items;
    default:
      return state;
  }
};

```

### itemPage.js (component)

```
class ItemsPage extends React.Component {
      componentDidMount() {
        this.props.loadItems();
      }

     render() {
        const { items } = this.props; // not even it renders, so not getting data
        ...
        return (<div>...</div>);
     }
}

const mapStateToProps = (state) => {
  return {
    items: state.items,
  };
};

const mapDispatchToProps = (dispatch) => {
  return {
    loadItems: () => dispatch(loadAllItemsAction()),
  };
};

export default connect(mapStateToProps, mapDispatchToProps)(ItemsPage);

```

Please give some suggestions, *Thanks in advance* :D