Subscribe on changes!

Warning follow by an error (works on 3.2.42)

avatar
Dec 27th 2022

Vue version

3.2.45

Link to minimal reproduction

https://sfc.vuejs.org/#eNp9UUtqwzAQvcqgjRNIrL1xWrIpFErpAbRx7HGsYH2QRmnB+O4d23WatlAQYv7vvZlBHL3PrwlFIcpYB+0JIlLyD8pq410gGCBgCyO0wRnIuDRTFkDZ2tlIwH+rz3CAYVxDrQuGA9y1GaZSWxkswKa+V3bcKlvKBYgh2LnZ+DHDNdhWqWfYqdW4ZAmbAtpka9LOwma7ZACkhOPbM9RV3wM5OCMBdbgScqcL1jQzpW+OSyeAjk86RHqdmVFIuCRYwvzx+0mS0Pi+ImQPoNTWJ4Lr3rgG+4MSk+B8UqkEFFxXY+f6BgOnNtTpmC8E8jtUeIRsdubtZFBA9lKt3lYJyUilvMGKnViusTeVzy/RWb7XrEZ9JaISxapPCb7S5CvREflYSBnberryJeYunCVbeeDNaoM5RrM/BfceMfBgJXZ3MyQHrxj2AS3LwfDfzF+lf+auqxXjJxtw2H4=

Steps to reproduce

Using ref on a js object and use it into the template with a input v-model for example and the js object key is set by default to null (value will be set later when my api answer)

What is expected?

No warning/error in console ==> my page show up

What is actually happening?

Blank page cause of VueJs error (that not happening in 3.2.42).

First multiple warning like this : Property "myJsObjectKey" was accessed during render but is not defined on instance. at <PublicationMandat onVnodeUnmounted=fn ref=Ref< undefined > > at at at

Then : Unhandled error during execution of render function

Then : Unhandled error during execution of scheduler flush. This is likely a Vue

And : TypeError: Cannot read properties of undefined (reading 'aRandomJsVariableInMyDom')

System Info

System:
    OS: Windows 10 10.0.22000
    CPU: (8) x64 Intel(R) Core(TM) i7-6700K CPU @ 4.00GHz
    Memory: 2.08 GB / 15.93 GB
  Binaries:
    Node: 18.12.1 - P:\Applications\NodeJS\node.EXE
    npm: 8.19.2 - P:\Applications\NodeJS\npm.CMD
  Browsers:
    Edge: Spartan (44.22000.120.0), Chromium (108.0.1462.54)
    Internet Explorer: 11.0.22000.120
  npmPackages:
    vue: 3.2.45 => 3.2.45

Any additional comments?

Tiny code example :