title: React + Backbone, Target container is not a DOM element
body: <p><strong>Note:</strong> This is a react error being thrown.</p>
  
  <p>So I am trying an experiment where I render a post component from a backbone router based on that page. Now I know you would not typically do things this way, things can get messy and such. But again <strong>It's just an experiment</strong>.</p>
  
  <p>So I have the following route in backbone (Note the react call):</p>
  
  <pre><code>AisisWriter.Routers.Posts = Backbone.Router.extend({
  
    writer_posts: null,
  
    posts: null,
  
    mountNode: $('#blog-manage'),
  
    routes : {
        '': 'index'
    },
  
    initialize: function() {
      this.writer_posts = new AisisWriter.Collections.Posts();
    },
  
    index: function() {
      var options = { reset: true };
      this.writer_posts.fetch(options).then(this.postsRecieved, this.serverError);
    },
  
    // Deal with the posts received
    postsRecieved: function(collection, response, options) {
      this.posts = collection;
  
      // Walk through the posts.
      $.each(this.posts, function(key, value){
        // value is an array of objects.
        $.each(value, function(index, post_object){
          React.renderComponent(new Post({post: post_object}), this.mountNode);
        });
      });
    },
  
    // Deal with any server errors
    serverError: function() {
      console.log('There was an error trying to fetch the posts.');
    }
  
  });
  </code></pre>
  
  <p>The idea is that it should spit out a post title on to the page, one right after the other (I have a feeling it will only do it once).</p>
  
  <p>But the issue is that the console is saying:</p>
  
  <p><code>Uncaught Error: Invariant Violation: _registerComponent(...): Target container is not a DOM element.</code></p>
  
  <p>Is this because of how I am trying to render the component? </p>