title: react-absolute-grid, displayObject issue
body: <p>I am trying to use this component: <a href="https://github.com/jrowny/react-absolute-grid" rel="nofollow">https://github.com/jrowny/react-absolute-grid</a>.</p>
  
  <p>The documentation says I should pass a displayObject which renders items.</p>
  
  <p>So I created a displayObject, like the one in the docs which has this render method:</p>
  
  <pre><code>  render: function() {
      // Supposing your item shape is something like {name: 'foo'}
      const { item, index, itemsLength } = this.props;
      return &lt;div&gt;Item {index} of {itemsLength}: {item.name}&lt;/div&gt;;
    }
  </code></pre>
  
  <p>I passed it to the component like this:</p>
  
  <pre><code>&lt;AbsoluteGrid
      items={SampleData.screens}
      displayObject={&lt;DisplayObject/&gt;}
      onMove={onMoveDebounced}
      dragEnabled={true}
      responsive={true}
      verticalMargin={42}
      itemWidth={250}
      itemHeight={250}
      filteredProp={'name'}
    /&gt;
  Where SampleData.screens is:
  
  module.exports = {
    screens: [
      {'url': 'http://invisionapp.com/subsystems/do_ui_kit/assets/img/screens/original-1x/screen-1-1-login.jpg', 'name': 'login', 'sort': 1, 'key': 1},
      {'url': 'http://invisionapp.com/subsystems/do_ui_kit/assets/img/screens/original-1x/screen-1-2-sign-up.jpg', 'name': 'signup', 'sort': 2, 'key': 2},
      {'url': 'http://invisionapp.com/subsystems/do_ui_kit/assets/img/screens/original-1x/screen-1-3-walkthrough.jpg', 'name': 'walkthrough', 'sort': 3, 'key': 3}
    ]
  };
  </code></pre>
  
  <p>When I open the page in the browser, I don't see the text from the displayObject.</p>
  
  <p>How can I use the displayObject?</p>