Bug: props.activeRoute does not render

[remix-run]

Bug: props.activeRoute does not render

[ryanflorence]

What does your route config look like, and your dashboard handler?

[jasonkuhrt]

@rpflorence Here is the code:

var App = React.createClass({
  displayName: 'App',
  render: function(){
    return  E.p(null,
              Router.Link({ to:'dashboard' }, 'dashboard'),
              Router.Link({ to:'intro' }, 'intro'),
              this.props.activeRoute
            )
  }
})

var viewDashboard = React.createClass({
  displayName: 'dashboard',
  render: function(){
    return E.p(null, 'a!')
  }
})

var viewIntro = React.createClass({
  displayName: 'intro',
  render: function(){
    return E.p(null, 'intro!')
  }
})

var routes =  Route({ handler: App },
                Route({ name: 'intro', handler: viewIntro }),
                Route({ name: 'dashboard', handler: viewDashboard })
              )

doc_ready(function(){
  React.renderComponent(routes, document.body)
})

The issue is that I was nesting views into a p element! Again some error feedback would have been helpful but ultimately there is no bug in RNR here, sorry : )

[ryanflorence]

Perhaps react could tell you your HTML is invalid, but certainly not the router :) glad you tracked it down.

[jasonkuhrt]

but certainly not the router :)

Yeah of course, @spicyj then