fix: reanimated 3.0 compatibility

src/__tests__/internal.spec.ts

@@ -50,7 +50,7 @@ beforeEach(() => {
 });
 
 describe("useEventHandlerRegistration", () => {
-  it("should support a handler wrapped in workletEventHandler", () => {
+  it("should support the handler shape from Reanimated 3.8 and newer", () => {
     const viewTagRef = { current: VIEW };
     const workletEventHandler = createWorkletHandler();
     const register = renderRegistration(viewTagRef);
@@ -70,12 +70,14 @@ describe("useEventHandlerRegistration", () => {
     );
   });
 
-  it("should support a direct worklet handler", () => {
+  it("should support the ref handler shape from Reanimated 3.0 through 3.7", () => {
     const viewTagRef = { current: VIEW };
     const workletEventHandler = createWorkletHandler();
     const register = renderRegistration(viewTagRef);
 
-    const cleanup = register(workletEventHandler as unknown as EventHandler);
+    const cleanup = register({
+      current: workletEventHandler,
+    } as unknown as EventHandler);
 
     expect(workletEventHandler.registerForEvents).toHaveBeenCalledWith(
       VIEW_TAG,

src/internal.ts

@@ -12,8 +12,10 @@ type WorkletHandler = {
   unregisterFromEvents: (viewTag: number) => void;
 };
 
-type WorkletHandlerOrWorkletHandlerObject =
-  | WorkletHandler
+type WorkletHandlerContainer =
+  | {
+      current: WorkletHandler;
+    }
   | {
       workletEventHandler: WorkletHandler;
     };
@@ -35,8 +37,7 @@ export function useEventHandlerRegistration(
   viewTagRef: React.MutableRefObject<ComponentOrHandle>,
 ) {
   const onRegisterHandler = (handler: EventHandlerProcessed<never, never>) => {
-    const currentHandler =
-      handler as unknown as WorkletHandlerOrWorkletHandlerObject;
+    const currentHandler = handler as unknown as WorkletHandlerContainer;
     let registeredViewTag: number | null = null;
     const attachWorkletHandlers = () => {
       const viewTag = findNodeHandle(viewTagRef.current);
@@ -51,7 +52,7 @@ export function useEventHandlerRegistration(
         if ("workletEventHandler" in currentHandler) {
           currentHandler.workletEventHandler.registerForEvents(viewTag);
         } else {
-          currentHandler.registerForEvents(viewTag);
+          currentHandler.current.registerForEvents(viewTag);
         }
 
         registeredViewTag = viewTag;
@@ -72,7 +73,7 @@ export function useEventHandlerRegistration(
             registeredViewTag,
           );
         } else {
-          currentHandler.unregisterFromEvents(registeredViewTag);
+          currentHandler.current.unregisterFromEvents(registeredViewTag);
         }
       }
     };