How can I append data without mutating state
<p>I'm creating a pagination system.<br>
The reducer part looks like this:  </p>

<pre><code>(state, payload)=&gt; {
            if (state.venues === null) {
                    state.venues = [];
            }
            state.venues.push.apply(state.venues, payload.data)
            return {
                    ...state,
                    isRequesting: false,
                    hasVenues: true,
                    venues: state.venues,
                    hasMessage: false
            }
    },
</code></pre>

<p>I iterate through <code>state.venues</code> in component.<br>
The problem is, for the first request, <code>state.venues</code> is null so I should convert it to empty array to append payload to it.<br>
But with this approach I think I mutate the state which is no allowed(recommend) in redux.<br>
So how do can I achieve this without state mutation?</p>