Defer loading a QueryRenderer until after mount (useful for client only)

DelayedQueryRenderer.js

class DelayedQueryRenderer extends Component {
  constructor(props, context) {
    super(props, context);
    this.state = {query: null}; // don't fetch anything initially
  }
  componentDidMount() {
    this.setState({query: this.props.query}); // fetch after mount
  }
  componentWillReceiveProps(nextProps) {
    this.setState({query: nextProps.query});
  }
  render() {
    return (
      <QueryRenderer
        {...this.props}           // probably safer to whitelist
        query={this.state.query}  
        />
    );
  }
}