ReactDOMServer.renderToString: presence of onClick handler causes errors on async update

The code

class Comp extends React.Component {
  componentWillMount() {
    setTimeout(() => {
      this.setState({});
    });
  }

  render() {
    return <div onClick={() => {}} />;
  }
}

ReactDOMServer.renderToString(<Comp />);

produces errors:

Warning: React can’t find the root component node for data-reactid value .0. If you’re seeing this message, it probably means that you’ve loaded two copies of React on the page. At this time, only a single copy of React can be loaded at a time.

Uncaught TypeError: Cannot read property ‘firstChild’ of undefined

But if I remove onClick handler the errors go away…

See demo: http://codepen.io/dened/pen/YyByYr

[rricard]

I think I found a way to use ReactNoopUpdateQueue in ReactServerRenderingTransaction. That way we can do as @spicyj advised. I send you a PR as soon as possible, maybe tonight, maybe tomorrow!

[rricard]

Answering my own question: maybe during initial mount, don’t use (yet) the ReactNoopUpdateQueue.