Unable to use custom provide inject about tres HOT 5 CLOSED

Hey there, kinda agree. I was trying to use provide/inject from dom component to tresjs component ( to avoid prop drilling) but without luck, than i saw this issue trying to do the same.

I remember i had the same issue on react & r3f and they have a custom thing https://github.com/pmndrs/drei?tab=readme-ov-file#usecontextbridge, maybe can be useful to solve this?

from tres.

Hi, @Sea-DH1 this is a design limitation, the CustomizeContext.vue component belongs to the Vue renderer while everything inside of TresCanvas is another renderer (the custom renderer for threejs), they have different contexts.

That is also the reason you can't see the components inside the TresCanvas, because VueDevtools component tab is not meant to work with custom renderer objects.

To be able to inspect your components, a custom tab for vue devtools has been available since 3.7.0:

from tres.

But in the CustomizeContext.vue component, the custom provide cannot be obtained

from tres.

@Sea-DH1 as of now you can't share context between the Vue renderer and the Tres renderer. You can use a normal state for it.

from tres.

@alvarosabu
If the component level is deep, it is not very convenient to use the status

from tres.