HMR not working

Hi,

I’m doing SSR with HMR, when trying to change lazy loaded component, the HMR works on client side, but when I tried to refresh the page, the console is showing these errors:

loadable-components.es.js:93 Uncaught Error: loadable-components: module "./NotFoundPage-1" is not found, client and server modules are not sync. You are probably not using the same resolver on server and client.
    at loadable-components.es.js:93
    at Array.map (<anonymous>)
    at loadState (loadable-components.es.js:87)
    at loadComponents (loadable-components.es.js:118)
    at Object.<anonymous> (client.js:25)
    at Object../src/renderer/client.js (app.js:1413)
    at __webpack_require__ (bootstrap:772)
    at fn (bootstrap:141)
    at Object.0 (app.js:1982)
    at __webpack_require__ (bootstrap:772)

How to Reproduce:

1. Clone https://github.com/antonybudianto/react-ssr-starter
2. npm i
3. npm start
4. Visit random 404 route (e.g http://localhost:3000/asdasd)
5. Change src/routes/NotFoundPage/NotFoundPage.js
   • This route is lazy loaded
6. Notice the hot reload should work
7. Refresh the page
8. Error shown

Any pointers will be helpful, thank you!

[antonybudianto]

My current workaround is:

// on server
loadableState.getScriptTag().replace(/-\d+(?=")/g, '')

The idea is to remove the ending dash with index (“./NotFoundPage-1” -> “./NotFoundPage”), and error is gone 😄

[olehreznichenko]

Have the same issue 😦