fix: change usetrailtexture to array notation

.storybook/stories/useTrailTexture.stories.tsx

@@ -13,7 +13,7 @@ export default {
 
 function TrailMesh() {
   // a convenience hook that uses useLoader and TextureLoader
-  const { texture, onMove } = useTrailTexture({
+  const [texture, onMove] = useTrailTexture({
     size: number('Size', 256, { min: 64, step: 8 }),
     radius: number('Radius', 0.3, { range: true, min: 0.1, max: 1, step: 0.1 }),
     maxAge: number('Max age', 750, { range: true, min: 300, max: 1000, step: 100 }),

README.md

@@ -1982,7 +1982,7 @@ return (
   <a href="https://codesandbox.io/s/fj1qlg"><img width="20%" src="https://codesandbox.io/api/v1/sandboxes/fj1qlg/screenshot.png" alt="Demo"/></a>
 </p>
 
-This hook returns a `THREE.Texture` with a pointer trail which can be used in shaders to control displacement among other things.
+This hook returns a `THREE.Texture` with a pointer trail which can be used in shaders to control displacement among other things, and a movement callback `event => void` which reads from `event.uv`.
 
 ```tsx
 type TrailConfig = {
@@ -2008,7 +2008,7 @@ type TrailConfig = {
 ```
 
 ```jsx
-const { texture, onMove } = useTrailTexture(config)
+const [texture, onMove] = useTrailTexture(config)
 return (
   <mesh onPointerMove={onMove}>
     <meshStandardMaterial displacementMap={texture} />

src/core/useTrailTexture.tsx

@@ -1,5 +1,5 @@
 import { useMemo, useCallback } from 'react'
-import { useFrame } from '@react-three/fiber'
+import { ThreeEvent, useFrame } from '@react-three/fiber'
 import { Texture } from 'three'
 
 /**
@@ -196,13 +196,13 @@ class TrailTexture {
   }
 }
 
-export function useTrailTexture(config: Partial<TrailConfig> = {}) {
+export function useTrailTexture(config: Partial<TrailConfig> = {}): [Texture, (ThreeEvent) => void] {
   const { size, maxAge, radius, intensity, interpolate, smoothing, minForce, blend, ease } = config
   const trail = useMemo(
     () => new TrailTexture(config),
     [size, maxAge, radius, intensity, interpolate, smoothing, minForce, blend, ease]
   )
   useFrame((_, delta) => void trail.update(delta))
   const onMove = useCallback((e) => trail.addTouch(e.uv), [trail])
-  return { texture: trail.texture, onMove }
+  return [trail.texture, onMove]
 }