React/Redux: state called twice? (concat(), not push())
<p>I am having an issue with adding new <code>todo</code> to <code>todos</code>, classic one. Doing it on React/Redux.</p>

<p>Here's <code>reducer-todos.js</code>:</p>

<pre><code>export default function (state=[
    {
        id: 0,
        todo: "Study English"
    },
    {
        id: 1,
        todo: "Run sprint"
    },
    {
        id: 2,
        todo: "Call Bob"
    }], action) {
    switch(action.type) {
        case "ADD_TODO":
            return state.push({id: state.length, todo: action.todo});
            break;
    }
    return state;
}
</code></pre>

<p>Here's the issue I get:</p>

<p><a href="https://i.stack.imgur.com/UyDUZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/UyDUZ.png" alt="enter image description here"></a></p>

<p>Somehow <code>todos</code> object becomes <code>4</code>, not Array[4]. Why is this happening?</p>

<p>Please let me know if additional info needed.</p>