Render only in client side

is it possible to trigger render only in client side, not on the server i’m trying to use this example (google map) http://tomchentw.github.io/react-google-maps/async/

Warning: setState(...): Can only update a mounted or mounting component. This usually means you called setState() on an unmounted component. This is a no-op. Please check the code for the undefined component.

my goal is to load the google map library and then render the map on the client side only

Any help?

[NourSammour]

@OkuraSt try this

export default class MyMap extends Component {
  state = {
    inBrowser: false
  };
  componentDidMount() {
    this.setState({ inBrowser: true });
  }
  render() {
    if (this.state.inBrowser) {
        res = this.renderMap();
    } else {
      res = <span>Loading</span>;
    }
    return res;
  }
}

[Dattaya]

@NourSammour I don’t think you need __CLIENT__ inside componentDidMount 'cause componentDidMount is only called on the client. Try to do it like so:

...
  state = {
    scriptjsLoaderEnabled: false
  };

  componentDidMount() {
    // initialize the lib here?
    // ...
    this.setState({scriptjsLoaderEnabled: true})    
  }

  render() {
    if (!this.state.scriptjsLoaderEnabled) {
      return (<div/>);
    }
    return (
      <ScriptjsLoader ... )
  }