Skip to content

meshRef.value is undefined in Playground #1034

@wxfred

Description

@wxfred

Describe the bug

In your Playground, I changed the codes a little bit to test ref

<script setup lang="ts">
import { TresCanvas } from '@tresjs/core';
import { OrbitControls } from '@tresjs/cientos';
import { defineComponent, shallowRef, onMounted } from "vue"
const meshRef = shallowRef()
onMounted(() => {
  console.log(meshRef)
  console.log(meshRef.value)
})
</script>

<template>
  <TresCanvas window-size clear-color="#82DBC5">
    <TresPerspectiveCamera :position="[9, 9, 9]" />
    <OrbitControls />
    <TresMesh ref="meshRef" :position="[-2, 2, 0]" :rotation="[0, Math.PI, 0]" :name="'dd'">
      <TresConeGeometry :args="[1, 1.5, 3]" />
      <TresMeshToonMaterial color="#82DBC5" />
    </TresMesh>

which comes out

RefImpl {__v_isShallow: true, dep: undefined, __v_isRef: true, _rawValue: undefined, _value: undefined}
undefined

Reproduction

https://play.tresjs.org/#eNqdVm1v2zYQ/isHBUNSTJZkJyk2LSkyu+3QYVmDNt+qfmCks8WEIgmSflvg/76jZNlSmq7OEiUw7+Xhw4d3Jz8Gtwbt71pHizkGaXBhc8O1A4turkEwObvMAmez4E0meaWVcfAIPmXC5IJZ2MDUqAqOrxzZ7m2cK4PHv3ViP5o77iZKOqPEM+EcpVO2l1HglEucKFpL8oZgSyaEWn7CaQhKXqu5dFi0UFlAxLMgk7mS1kGFtqRAuOxknbzK5C7v5OQVXL6Bx0wC+BQlMBJqdrJNpNBn7dGCiTmSd0N/F3GjEmlCC4eVFswhrQAuOtosuSzUcmD5Pwi5QGYGuRLKkKBHv4zejifntapAP3XWDRqrMXd8gRNWoWGQamW540pSypdfQ/DP1yyAuE3ri7sze7Rr4g0Gp5S6PQIl9gAHoxDoSTxiapRjrSMJ4Zq5Mrr50Hol8SHPcVEc7zi3Z6VL+gNVhc6sIWVmZj3EMIRhdB7CaZduh9mtogshzQxnguR+osr+JHGb8M3Rekchxv7xm+XMugHdPSnf33asVs/w9CTbfy/ievbe//4PriS5V96T7e/1WZdo9loezOT9eJycjn/I5C03vriUZOIvPivdNwoSqbP6tjn1iSTXmhzDaNQXdbtLs0dT6GS4iDtdQEvr1sJ/LF0lwkzeqWLdtFxFynOZQkIdD6BZUXA5a5clemIpDJPkp9qw5IUrd+tNJo+Y1g3QD2IB7lj+MDPU9EXTdikcJYnfh2CogWuCQRg0Y2dQMR3dWyVpBNbw2dZBky9tNvS27pTzjiwondM2jeO8kJRfoOALE0l0sdRV3A2/OotG0SguuHWxN1N0FpA0T4CbefgS7CaD4JMoGUhcuWi432Xr7W/mlsgeNJOHHGEXW2/QIrfGqOI+p4tdGjwI18ddEeJroh3/jLbqqkEjfW7xYJk74VfDJDonRBq9uIqqvsjbOCpkg8ULgJuE/4KmwEGBFT8AtA31hz+LXseC33UhPSJV6IZK01l6EU357Elh5vRm5ALNR+2bt1+g9Svvz9rmzBx3/PIS84dn7Pd21VC+oWJBsyC591dJrYqucb/7/DdVVsdZqWIutpfzHecnpJfo3HNswsbUikS7E1ez/VD3GU2BW/tuVQ+e7aF6RN1aY2390k7FXa01hq+1cHV8fR3++8P3VNqf7DQ63Qm++RfH1/Nc

Steps to reproduce

No response

System Info

Used Package Manager

npm

Code of Conduct

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions