Using Flux in react-nested-router

Layout

/**
 * @jsx React.DOM
 */

var React = require('react');
var App = require('components/App/App.jsx');

var Layout = React.createClass({

	render: function() {
		var node = this.props.flux ? App : React.DOM.div;
		return (
			<node flux={this.props.flux}>
				{this.props.activeRoute}
			</node>
		);
	}

});

module.exports = Layout;

main.js

// .... << dependency set up >> ....
var flux = new Fluxxor.Flux(stores, actions);

React.renderComponent(
	Route({handler: Layout, flux: flux},
		Route({name: 'home', path: '/', handler: Home, flux: flux})
	)
)

This is an attempt to use Fluxxor within react-nested-router. Layout handles the rendering of the App component once this.props.flux is passed from the router.