react-hot-loader: Hot Reload doesn't work when starting inside a function

Any example of how to make it work with redux connect() ?

Example:
export default connect(mapStateToProps)(App)

Only App.js and Index.js is hot-reloading rest doesnot.

@theKashey What JS error? First example works just fine for me. The issue I have is that I don’t know what the component is going to be, so I need to put it inside a function. I can’t export default it directly as it might be wrapped by another component. I was hoping that I could do something such as:

export default function renderHot(Component) {

    return hot(module)(Component)

}

which would make it hot on the fly. That does not work though. To be more clear:

This works:

import React from 'react'
import { hot } from 'react-hot-loader'

const AppC = () => <div>Hello World!! 10</div>
const HotApp = hot(module)(AppC)

export default function App() {

  return HotApp

}

This does not work:

import React from 'react'
import { hot } from 'react-hot-loader'

const AppC = () => <div>Hello World!! 10</div>

export default function App() {

  return hot(module)(AppC)

}

What specifically makes hot being called inside a function cause [HMR] The following modules couldn't be hot updated: (Full reload needed)?