Bug: When Application is proxied by Vue 3(ref), an error occurs when rendering graphics

[ZaneL1u]

Current Behavior

When Application is proxied by Vue 3, an error occurs when rendering graphics, like:

<script setup lang="ts">
import { Application, Graphics } from "pixi.js";
import { onMounted, ref } from "vue";

const app = ref<Application>();

onMounted(() => {
  (async () => {
    // Create a new application
    app.value = new Application();

    // Initialize the application
    await app.value.init({ antialias: true, resizeTo: window });

    // Append the application canvas to the document body
    document.body.appendChild(app.value.canvas);

    const graphics = new Graphics();
    graphics.rect(50, 50, 100, 100);
    graphics.fill(0xde3249);

    app.value.stage.addChild(graphics);
  })();
});
</script>

<template>
  <div id="pixi"></div>
</template>

<style scoped>
.pixi {
  width: 100%;
  height: 100%;
}
</style>

Then an error will be reported:

Expected Behavior

Align and process rendering correctly.

Steps to Reproduce

recurrent: https://codesandbox.io/p/devbox/pixijs-texturematrix-recurrent-lqknp4?file=%2Fsrc%2FApp.vue%3A6%2C8

Environment

• pixi.js version: 8.0.0 - 8.1.0
• Browser & Version: Chrome 124
• OS & Version: MacOS 14.3 (23D56)
• Running Example: recurrent

Possible Solution

After investigation, it was found:

pixijs/src/scene/graphics/shared/utils/buildContextBatches.ts

Line 214 in ff67a1d

if (texture !== Texture.WHITE)

The texture object was mistakenly pointed to the Texture.WHITE object. Comparison.

I want to submit a PR to solve this kind of problem, but it seems that comparing Label is inappropriate, and introducing additional Vue toRaw dependencies will increase complexity.

I would like to hear your suggestions?

Additional Information

No response

[jarvisniu]

Change ref to shallowRef will work

[ZaneL1u]

Change ref to shallowRef will work

YES, but I need ref to listen for deep value changes.
And I think it should be a pointer problem, which will make Proxy unavailable. @jarvisniu