An error is thrown if `renderToStaticMarkup` is used somewhere

To reproduce, add anywhere on top-level of your app:

class MyComponent extends React.Component {
  render() {
    return null
  }
}
const string = React.renderToStaticMarkup(<MyComponent/>);

Error in console:

Uncaught TypeError: Cannot read property 'mode' of undefined
    at whyDidYouRender.min.js:8
    at f.value (whyDidYouRender.min.js:8)
    at processChild (react-dom-server.browser.development.js:2958)
    at resolve (react-dom-server.browser.development.js:2811)
    at ReactDOMServerRenderer.render (react-dom-server.browser.development.js:3201)
    at ReactDOMServerRenderer.read (react-dom-server.browser.development.js:3160)
    at renderToStaticMarkup (react-dom-server.browser.development.js:3660)

Looks like renderToStaticMarkup doesn’t set _reactInternalFiber property on component instances

Here’s my usecase for renderToStaticMarkup: in my app, there are only some parts rendered by React, while other are rendered by server templates. To use third-party (BitBucket) svg icon in non-React parts of the app, I convert a React component from Atlaskit library to static svg string with renderToStaticMarkup, and then inject it in a CSS rule.

[Hypnosphi]

I still encounter it with 3.3.3

[vzaidman]

fixed in v3.2.3