Template Inheritance; this.props is undefined

[bencripps]

This is my main template

<rt-import name="default" as="Header" from="./../component/shared/header/index.rt"/>
<div>
   <Header />
   {  this.props.children }
</div>

And the secondary Template that uses it:

<rt-import name="default" as="Main" from="./main.rt"/>
<Main>
  <span>This is a secondary page</span>
</Main>

If I remove the this.props.children from the main.rt this document loads. How can I nest my components, and why is this.props undefined here?

[bencripps]

At the template scope this is an empty object.

[nippur72]

you cant import main from main.rt because it does not contain the whole component but only the render function. You might turn main into a stateless component (and drop the "this" from "this.props.children").

[bencripps]

Yup, that was it! Thanks!