Unhandled error during execution of scheduler flush

[RCVarley]

Vue version

3.2.45

Link to minimal reproduction

https://github.com/RCVarley/vue-sandbox.git

Steps to reproduce

1. Go to /about
2. Go to /genshin
3. Go to /about

What is expected?

1. /about: works fine
2. /genshin: shows a form (GenshinView.vue)
3. /about: works fine

What is actually happening?

1. /about: works fine
2. /genshin:
   1. ref=Ref< null > warning
   2. scheduler flush warning
   3. object is not iterable error
3. /about: parentNode error with scheduler flush warning

System Info

System:
    OS: macOS 13.1
    CPU: (10) arm64 Apple M1 Pro
    Memory: 433.98 MB / 16.00 GB
    Shell: 5.8.1 - /bin/zsh
  Binaries:
    Node: 17.6.0 - ~/.nvm/versions/node/v17.6.0/bin/node
    Yarn: 1.22.15 - ~/.nvm/versions/node/v17.6.0/bin/yarn
    npm: 8.13.2 - ~/.nvm/versions/node/v17.6.0/bin/npm
  Browsers:
    Chrome: 108.0.5359.124
    Safari: 16.2
  npmPackages:
    vue: ^3.2.45 => 3.2.45

Any additional comments?

This issue is triggered in stores/codes.ts. I'm still getting used to typescript and reading json files is a lot less straight forwards than I'm used to with js. I'm sure I'll figure it out soon, but the warning asked me to open a ticket, so I hope this helps.

Note: I don't think I can recreate this on the playground, but if you don't want to run my project on your machine, you only really need stores/codes.ts, assets/codesMap.json and to call useCodesStore() in a view/component. Oh yeah, I added "lib":["DOM.Iterable"] and "resolveJsonModule": true to the compiler options in tsconfig.config.

[RCVarley]

If anyone's curious, there's a puzzle in Genshin Impact that requires you to convert some codes into letters. I figured that I'd be better served by learning to use the Composition API and increasing my TypeScript competency than just playing the game or figuring it out with pen and paper lol.

[LinusBorg]

This is not a minimal reproduction and looks more like a question.

Moving this to discussions. Also consider getting help in our discord.

[RCVarley]

Apologies @LinusBorg, I’m not actually fishing for advice; me learning typescript will take as long as it takes.

As for a minimal reproduction, it’s almost all the default template, just with a couple of things I added in (noted above).

I only submitted the bug report because the console warning asking me to (due to an uncaught exception).

So yeah, if this is not a bug and just the side effect of whatever nonsense my learning process has produced, please feel free to close the ticket 😅

P.s. Love the work you do!

[LinusBorg]

- import * as Codes from '@/assets/codesMap.json';
+ import Codes from '@/assets/codesMap.json';

[RCVarley]

Haha, thank you!