Subscribe on changes!

teleport + HMR + async ref mutation breaks on component edit

avatar
Apr 21st 2021

Version

3.0.11

Reproduction link

https://github.com/zigomir/teleport-hmr-repro

Steps to reproduce

I tried putting reproduction on to codesandbox, but HMR wouldn't work there anyway, so it's better to do locally.

  1. git clone git@github.com:zigomir/teleport-hmr-repro.git
  2. yarn or npm install
  3. yarn dev or npm run dev
  4. open http://localhost:3000 and open browser dev tools
  5. see how random number is refreshing every second
  6. edit App.vue and see error in console & random error not re-rendering anymore, aka app breaks
  7. if you comment out teleport tag and reload page, HMR works and random number updates as expected

Might be related to #3560 but not sure.

What is expected?

HMR and app keep working.

What is actually happening?

It breaks.