title: My array is not empty but array.length returns 0
body: <p>This is a really strange issue I've been trying to debug today;
  When the component mounts I'm getting the notifications to display them like this</p>
  
  <pre><code>  componentDidMount() {
      this.setState(
        {
          notifications: this.props.notifications,
        }
      );
    }
  </code></pre>
  
  <p>And then I tried to console log the notifications by adding this</p>
  
  <pre><code>  componentDidMount() {
      this.setState(
        {
          notifications: this.props.notifications,
        },
        () =&gt; {
          console.log(this.state.notifications);
          console.log(this.state.notifications.length);
        }
      );
    }
  </code></pre>
  
  <p>And what I get is this!</p>
  
  <p>first console.log()</p>
  
  <pre><code>[]
  0: {title: "Success", text: "You have successfully created a new game!", destination: {…}, type: "GameCreated"}
  length: 1
  __proto__: Array(0)
  </code></pre>
  
  <p>second console.log()</p>
  
  <pre><code>0
  </code></pre>
  
  <p>Shouldn't the array length be 1 instead of 0? I do have an element in that array.
  Also when I try to get the first value to that array it returns undefined.</p>
  
  <p>Thanks for taking the time to read this and help out!</p>