Dev Tools "Show Source" displays Class wrapper

[theKashey]

You have clicked "Show Source" at Dev Tools, but they are displaying a class wrapper, instead of Component.render on Show Source action.

(function(InitialParent, postConstructionAction) {
  return class ${InitialParent.name || 'HotComponent'} extends InitialParent {

    constructor(props, context) {
      super(props, context)
      postConstructionAction.call(this)
    }
  }
})

Well, first of all - this is what RHL does, and this is how RHL works. However, you shall never face this issue, unless:

• you are using old version of React-Hot-Loader. "First time" this problem was fixed at v4.5.0
• by a some strange reason you have pureRender: false set
• you are using new Dev Tools - DevTools: Show Source should point to render, not constructor facebook/react#16749

---

Another option - you might see "ProxyFacade", which is a wrapper for Functional Component

ProxyFacade = function(props, context) {
      /*

        ! THIS IS NOT YOUR COMPONENT !
        !  THIS IS REACT-HOT-LOADER  !

        And you are probably looking for a function component of yours
        It's hidden, but there is a way to fix this - just reconfigure your application a bit
        see https://github.com/gaearon/react-hot-loader/issues/1311

       */

      const result = CurrentComponent(props, context);

Treatment for this case is a bit different:

• first of all - update your React-Hot-Loader
• secondary - install react-hot-dom via webpack-plugin or hot-loader/react-dom. Really - see ! THIS IS NOT YOUR COMPONENT ! #1311

[theKashey]

Resolved in a new Dev Tools.