Confused about partial-app-loading

[EvHaus]

I've used the partial-app-loading example to build a similar process in my app, but now I'm seeing this warning message in the console:

Warning: Don't set .props.activeRoute of the React component <RouterComponent />. Instead, specify the correct value when initially creating the element.

Is the example out of date? Is there another way I should be setting the RouteHandler? The example shows the code as:

// Can't find RouteHandler in the loaded component, so we just grab
// it here first.
this.props.activeRoute = <RouteHandler/>;
return <Component {...this.props}/>;

[rgrwkmn]

Make a new object from your props and set activeRoute. The error is from React because it doesn't want you to set this.props, they should only be passed into the component from a parent.

var props = this.props;
props.activeRoute = <RouteHandler/>;
return <Component {...props}/>;

[EvHaus]

@rgrwkmn That didn't help. Still getting the warning message.

[rgrwkmn]

Ah, right, you need to actually make a new object, just setting it to another variable still references this.props. If you use underscore or something like it, this works:

var props = _.extend({}, this.props);
props.activeRoute = <RouteHandler/>;
return <Component {...props}/>;

[EvHaus]

That did the trick.

Should I keep the issue open so the official example code can be updated?

[ryanflorence]

go check out the new huge-apps example, partial-app loading just got amazing on master (1.0 API)