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.

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.

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

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