$RefreshSig$ is not defined

[aehp20]

🐛 bug report

In my reactjs web project, I am trying to update parcel v2 because I get this vulnerability:

@parcel/reporter-dev-server  <=2.14.4
Severity: moderate
Parcel has an Origin Validation Error vulnerability - https://github.com/advisories/GHSA-qm9p-f9j5-w83w
fix available via `npm audit fix`
node_modules/@parcel/reporter-dev-server
  @parcel/config-default  2.3.1 - 2.14.4
  Depends on vulnerable versions of @parcel/reporter-dev-server
  node_modules/@parcel/config-default
  parcel  2.3.1 - 2.14.4
  Depends on vulnerable versions of @parcel/config-default
  Depends on vulnerable versions of @parcel/reporter-dev-server
  node_modules/parcel

I have updated @parcel/core from 2.12.0 to 2.16.0 and parcel from 2.13.3 to 2.16.0 and now I get this error $RefreshSig$ is not defined.

But all is working fine, if I continue to use: @parcel/core 2.12.0 and parcel 2.13.3

💁 Possible Solution

Reading some answers on internet, people suggest to disable HMR temporarily using

parcel your-entry-file.js --no-hmr

But as mentioned it should be temporal solution.

References:
https://stephencharlesweiss.com/debugging-refreshsig-is-not-defined

#6974 (comment)

🔦 Context

Parcel version 2.16.0 has a problem with HMR, and my reactjs application can not running.
Could you help me please?