Usage with react-router

I’m curious as to the preferred usage with react-router or if a different routing approach is more favorable with baobab.

If I run 0.4.x I can get baobab setup easily using the mixin included with the tree:

//...
var state = require('../state');

module.exports = React.createClass({
  mixins: [state.mixin],

  cursors: {
    users: ['models', 'users']
  },
  //...

When upgrading to 1.0.x I’m unable to get things working with the provided docs. I realize that 1.0.x was just released so I’m not sure if getting this working with react-router has been figured out yet.

Is there an idiomatic way to use baobab-react with react-router?

[manuelmazzuola]

I’ve resolved with

const createBaobabComponent = (Component, props) => {
  return <Component {...props} tree={tree} />
};


React.render(
  <Router createElement={createBaobabComponent}>
    <Route path="/" component={Layout}>
    </Route>
  </Router>
  , document.getElementById('content')
);

[philmday]

@manuelmazzuola you are a beautiful person, thank you so! 👍