React Hot Loader v3 "this component is not accepted by Hot Loader" error

After switching to React Hot Loader v3 I’m now getting the following error:

React Hot Loader: this component is not accepted by Hot Loader. 
Please check is it extracted as a top level class, a function or a variable. 
Click below to reveal the source location: 
 ƒ Connect(props, context) {
...

And the source is https://github.com/reactjs/react-redux/blob/master/src/components/connectAdvanced.js#L115

I was getting plenty of errors like this with my own code too until I updated everything to export each intermediate HOC as described in the React Hot Loader FAQ here: https://github.com/gaearon/react-hot-loader/blob/master/docs/Troubleshooting.md#react-hot-loader-this-component-is-not-accepted-by-hot-loader

Would you consider moving the Connect component outside of wrapWithConnect and exporting it? There’s really nothing functionally wrong with the code as it currently is, but this would help with hot module reloading, and clear up this annoying error message.

[pattiereaves]

I’m not sure what causes this issue, but if anyone else comes to this ticket via google, refactoring my app to look more like this example fixed it.

[dizlexik]

@pattiereaves I was just dealing with it and filtering it out in Chrome for a while and at some point it just stopped happening. I’m not sure what changed in my project to make these warnings go away, sorry 😕