title: RelayContainer: `Relay` was rendered with invalid Relay context `undefined`
body: <p>i'm using ReactJS, Relay Framework and GrapthQL. This is the layout component where i use relay to get data:</p>
  
  <pre><code>import React, { PropTypes } from 'react';
  import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
  
  import Header from '../Header';
  import Footer from '../Footer';
  import Sidebar from '../Sidebar';
  import Relay from 'react-relay';
  
  import injectTapEventPlugin from 'react-tap-event-plugin';
  injectTapEventPlugin();
  
  class Layout extends React.Component{
      render(){
          const {children} = this.props;
          var communityList = this.props.communityList;
          return (
              &lt;MuiThemeProvider&gt;
                  &lt;div&gt;
                      &lt;Header/&gt;
                      &lt;Sidebar/&gt;
                      {React.Children.only(children)}
                      &lt;Footer /&gt;
                  &lt;/div&gt;
              &lt;/MuiThemeProvider&gt;
          )
      }
  }
  
  Layout.propTypes = {
      children: PropTypes.element.isRequired,
  };
  
  var RelayLayout =  Relay.createContainer(Layout, {
      fragments: {
          communityList: () =&gt; Relay.QL`
          fragment on Layout {
      user(id: 11) {
          connections{
            community{
              name
              }
          }
      }
    }
      `,
      },
  });
  
  
  export default RelayLayout;
  </code></pre>
  
  <p>The problem is: when i run the page, it show the error message:</p>
  
  <blockquote>
    <p><em>Invariant Violation RelayContainer: <code>Relay(Layout)</code> was rendered with invalid Relay context <code>undefined</code>. Make sure the <code>relay</code> property on
    the React context conforms to the <code>RelayEnvironment</code> interface.</em></p>
  </blockquote>
  
  <p>The query using GrapthQL return valid data so i don't think problem is the query</p>