shouldRenderForClientMixin

shouldRenderForClientMixin.js

var shouldRenderForClientMixin = {
  componentDidMount: function () {
    this.setState({
      renderForClient: true
    })
  },

  shouldRenderForClient: function () {
    return typeof document !== 'undefined' && this.state && this.state.renderForClient;
  }
};

var Map = React.createClass({

  mixins: [shouldRenderForClientMixin],

  render: function() {
    if (!this.shouldRenderForClient()) {
      return <img />;
    }

    return <FancyClientSideMap />;
  }
});

@stratospark thanks for testing. you're right of course. I'll change it to:

shouldRenderForClient: function () {
  return typeof document !== 'undefined' && this.state && this.state.renderForClient;
}