refactor: update type references to TresObject for improved type safety

- Changed the type of `dummy` in `TransformPayload` to `TresObject` for better alignment with TresJS framework.
- Updated `objRef` and `parentRef` in `Helper/component.vue` to use `TresObject`, enhancing type accuracy.
- Modified the `useHelper` function to accept `MaybeRefOrGetter<TresObject>` instead of `Object3D`, ensuring consistency across helper functionalities.
- These changes improve type safety and maintainability in the codebase.

Author: alvarosabu

src/core/abstractions/useSurfaceSampler/index.ts

@@ -7,6 +7,7 @@ import {
 import { MeshSurfaceSampler } from 'three-stdlib'
 import { ref } from 'vue'
 import type { InstancedMesh, Mesh, Object3DEventMap } from 'three'
+import type { TresObject } from '@tresjs/core'
 
 export interface useSurfaceSamplerProps {
   /*
@@ -67,7 +68,7 @@ type TransformPayload = SamplePayload & {
    * This object's matrix will be updated after transforming & it will be used
    * to set the instance's matrix.
    */
-  dummy: Object3D<Object3DEventMap>
+  dummy: TresObject
   /**
    * The mesh that's initially passed to the sampler.
    * Use this if you need to apply transforms from your mesh to your instances
@@ -101,7 +102,7 @@ export const useSurfaceSampler = (
     const position = new Vector3()
     const normal = new Vector3()
     const color = new Color()
-    const dummy = new Object3D<Object3DEventMap>()
+    const dummy = new Object3D<Object3DEventMap>() as TresObject
 
     mesh.updateMatrixWorld(true)
 

src/core/controls/Helper/component.vue

@@ -2,6 +2,7 @@
 import type { Object3D } from 'three'
 import { shallowRef, watchEffect } from 'vue'
 import { useHelper } from './useHelper'
+import type { TresObject } from '@tresjs/core'
 
 type HelperConstructor = new (...args: any[]) => any
 
@@ -12,8 +13,8 @@ export interface HelperProps {
 
 const props = defineProps<HelperProps>()
 
-const objRef = shallowRef<Object3D>()
-const parentRef = shallowRef<Object3D>()
+const objRef = shallowRef<TresObject>()
+const parentRef = shallowRef<TresObject>()
 
 watchEffect(() => {
   if (objRef.value && objRef.value.parent) {

src/core/controls/Helper/useHelper.ts

@@ -1,6 +1,7 @@
 import type { Object3D } from 'three'
 import type { MaybeRefOrGetter } from 'vue'
 import { onBeforeUnmount, shallowRef, toValue, watchEffect } from 'vue'
+import type { TresObject } from '@tresjs/core'
 import { useLoop, useTres } from '@tresjs/core'
 
 // NOTE: Source
@@ -10,7 +11,7 @@ type HelperType = Object3D & { update: () => void, dispose: () => void }
 type HelperConstructor = new (...args: any[]) => any
 
 export function useHelper<T extends HelperConstructor>(
-  object3D: MaybeRefOrGetter<Object3D | null | undefined | false>,
+  object3D: MaybeRefOrGetter<TresObject | null | undefined | false>,
   helperConstructor: T,
   ...args: any[]
 ) {