TresJS camera is undefined error when using Vue's <Transition /> component

[Tinoooo]

Describe the bug

see https://github.com/LoiLock/tresjs-error-mre

My guess is that it is coused by this call:

tres/src/composables/useRaycaster/index.ts

Line 87 in 1aaa85a

const unprojectedPoint = new Vector3(event?.clientX, event?.clientY, 0).unproject(ctx.camera?.value as TresCamera)

The type assertion there should probably be omitted.

Reproduction

https://github.com/LoiLock/tresjs-error-mre

Steps to reproduce

No response

System Info

Used Package Manager

npm

Code of Conduct

• I agree to follow this project's Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• The provided reproduction is a minimal reproducible example of the bug.

[metkm]

I'm having this problem when using Nuxt page transitions. When I navigate to the page that has the canvas, there are no problems. But the other way around, there is a white flash on canvas, and I get this error Uncaught TypeError: Cannot read properties of undefined (reading 'projectionMatrixInverse'), which is caused by this line

  unproject(camera) {
    return this.applyMatrix4(camera.projectionMatrixInverse).applyMatrix4(camera.matrixWorld);
  }

https://github.com/mrdoob/three.js/blob/d9a24afcdf0e4c8a19822017f24662007bc1f5e6/src/math/Vector3.js#L508-L512

camera is given undefined to this function I think