fix(hooks): forward all arguments in useAppEvent for custom events

.changeset/deep-towns-attend.md

@@ -0,0 +1,5 @@
+---
+'@playcanvas/react': patch
+---
+
+Fix useAppEvent dropping arguments for custom events

packages/lib/src/hooks/use-app-event.test.tsx

@@ -1,10 +1,11 @@
-import { renderHook } from '@testing-library/react';
+import { renderHook, waitFor } from '@testing-library/react';
 import React from 'react';
 import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
 
 import { Application } from '../Application.tsx';
 
 import { useAppEvent } from './use-app-event.ts';
+import { useApp } from './use-app.tsx';
 
 /**
  * Note that we can't test the actual firing of the callbacks in tests,
@@ -113,4 +114,31 @@ describe('useAppEvent', () => {
         // Should not throw during cleanup
         unmount();
     });
+    it('should forward all arguments to the callback for custom events', async () => {
+        // eslint-disable-next-line @typescript-eslint/consistent-type-definitions -- preserve the interface generic coverage
+        interface CustomEventMap {
+            levelComplete: (level: number, score: number) => void;
+        }
+
+        const levelCompleteCallback = vi.fn();
+        let capturedApp: ReturnType<typeof useApp> | undefined;
+
+        renderHook(
+            () => {
+                capturedApp = useApp();
+                useAppEvent<CustomEventMap>('levelComplete', levelCompleteCallback);
+            },
+            {
+                wrapper: ({ children }) => <Application deviceTypes={['null']}>{children}</Application>
+            }
+        );
+
+        await waitFor(() => expect(capturedApp).toBeDefined());
+
+        capturedApp!.fire('levelComplete', 3, 1000);
+
+        const [level, score] = levelCompleteCallback.mock.calls[0];
+        expect(level).toBe(3);
+        expect(score).toBe(1000);
+    });
 });

packages/lib/src/hooks/use-app-event.ts

@@ -81,14 +81,9 @@ export function useAppEvent<TEventMap = BaseEventCallbackMap, TEventName extends
 
     const handler = useCallback(
         (...args: unknown[]) => {
-            if (event === 'update') {
-                // update event always receives delta time as first argument
-                (callback as (dt: number) => void)(args[0] as number);
-            } else {
-                (callback as () => void)();
-            }
+            (callback as (...args: unknown[]) => void)(...args);
         },
-        [callback, event]
+        [callback]
     );
 
     useEffect(() => {