snowack-react-ts hmr not work when packageOptions.source="remote" and "types":true

[Relaxe111]

Hello I created a fresh create-snowpack-app react-typescript after I just added:

packageOptions: {
    /* ... */
    "source":"remote",
    "types":true
  },

hmr module stopped to work.

Is this a bug or I am missing something?

[FredKSchott]

You're right, I can reproduce. It looks like the Skypack CDN is serving the production build of React, which doesn't have the same hooks that HMR is expecting to hook into (hooks.inject seems to be the specific one).

We'll need support from Skypack to ship either the dev vs. production build. Until then, this will be expected not to work. Let me catch up with the team and see how quickly we can get that added.

[FredKSchott]

Issue filed here: skypackjs/skypack-cdn#110

[Relaxe111]

I just removed from snowpack.config.js '@snowpack/plugin-react-refresh' and it started to work. But at every reload state refreshes.

[FredKSchott]

Yup, sadly that will be expected behavior until Skypack adds the support outlined in that issue. Looking forward to getting this fixed!

[rizrmd]

Is @types/react is need to be installed on package.json ?
When I remove @types/react from package.json vscode cannot resolve the types...