title: ReactFire - get 'Objects are not valid as a React child' when binding Firebase to React state
body: <p>I am trying to bind my data in Firebase to my react state named 'notes'(an array) with the code below following tutorials <a href="https://www.firebase.com/docs/web/libraries/react/quickstart.html" rel="nofollow">here</a>:</p>
  
  <pre><code>var Profile = React.createClass({
    mixins: [Router.State, ReactFireMixin],
  
    getInitialState: function() {
      return {
        bio: [],
        repos: [],
        notes: []
      }
    },
  
    componentDidMount: function() {
      this.ref = new Firebase('https://myname-github-notetaker.firebaseio.com');
      var childRef = this.ref.child(this.getParams().username);
      this.bindAsArray(childRef, 'notes');
    },
  
  ...
  
  });
  </code></pre>
  
  <p>And I get this error in the console:</p>
  
  <pre><code>Uncaught Error:
  Invariant Violation: Objects are not valid as a React child (found: object with keys {.value, .key}).
  If you meant to render a collection of children, use an array instead or wrap the object using createFragment(object) from the React add-ons.
  </code></pre>
  
  <p>What does it mean? Is the line <code>this.bindAsArray(childRef, 'notes');</code> not working correctly?</p>