react-native-reanimated 3.16.4 → 3.16.6

package/lib/module/platform-specific/findHostInstance.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["findHostInstance","_component"],"sourceRoot":"../../../src","sources":["platform-specific/findHostInstance.web.ts"],"mappings":"AAAA,YAAY;;AAEZ,OAAO,SAASA,gBAAgBA,CAACC,UAAe,EAAQ,CAAC","ignoreList":[]}

package/lib/module/platform-specific/jsVersion.js

@@ -5,5 +5,5 @@
  * version used to build the native part of the library in runtime. Remember to
  * keep this in sync with the version declared in `package.json`
  */
-export const jsVersion = '3.16.4';
+export const jsVersion = '3.16.6';
 //# sourceMappingURL=jsVersion.js.map

package/lib/typescript/createAnimatedComponent/JSPropsUpdater.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"JSPropsUpdater.d.ts","sourceRoot":"","sources":["../../../src/createAnimatedComponent/JSPropsUpdater.ts"],"names":[],"mappings":";AAOA,OAAO,KAAK,EACV,sBAAsB,EACtB,0BAA0B,EAC1B,eAAe,EACf,qBAAqB,EACtB,MAAM,eAAe,CAAC;AAUvB,cAAM,mBAAoB,YAAW,eAAe;IAClD,OAAO,CAAC,MAAM,CAAC,sBAAsB,CAAa;IAClD,OAAO,CAAC,uBAAuB,CAAqB;;IAW7C,0BAA0B,CAC/B,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAChC,sBAAsB,CAAC,qBAAqB,CAAC,CAC9C,GACC,0BAA0B;IAkBvB,6BAA6B,CAClC,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAChC,sBAAsB,CAAC,qBAAqB,CAAC,CAC9C,GACC,0BAA0B;CAU/B;AAED,cAAM,oBAAqB,YAAW,eAAe;IACnD,OAAO,CAAC,MAAM,CAAC,sBAAsB,CAAa;IAClD,OAAO,CAAC,MAAM,CAAC,aAAa,CAAS;;IAmB9B,0BAA0B,CAC/B,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAChC,sBAAsB,CAAC,qBAAqB,CAAC,CAC9C,GACC,0BAA0B;IASvB,6BAA6B,CAClC,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAChC,sBAAsB,CAAC,qBAAqB,CAAC,CAC9C,GACC,0BAA0B;CAQ/B;AAED,cAAM,iBAAkB,YAAW,eAAe;IACzC,0BAA0B,CAC/B,kBAAkB,EAAE,KAAK,CAAC,SAAS,CACjC,sBAAsB,CAAC,qBAAqB,CAAC,CAC9C,GACC,0BAA0B;IAKvB,6BAA6B,CAClC,kBAAkB,EAAE,KAAK,CAAC,SAAS,CACjC,sBAAsB,CAAC,qBAAqB,CAAC,CAC9C,GACC,0BAA0B;CAI/B;AAED,KAAK,qBAAqB,GACtB,OAAO,iBAAiB,GACxB,OAAO,oBAAoB,GAC3B,OAAO,mBAAmB,CAAC;AAE/B,QAAA,IAAI,cAAc,EAAE,qBAAqB,CAAC;AAS1C,eAAe,cAAc,CAAC"}
+{"version":3,"file":"JSPropsUpdater.d.ts","sourceRoot":"","sources":["../../../src/createAnimatedComponent/JSPropsUpdater.ts"],"names":[],"mappings":";AAMA,OAAO,KAAK,EACV,sBAAsB,EACtB,0BAA0B,EAC1B,eAAe,EACf,qBAAqB,EACtB,MAAM,eAAe,CAAC;AAUvB,cAAM,mBAAoB,YAAW,eAAe;IAClD,OAAO,CAAC,MAAM,CAAC,sBAAsB,CAAa;IAClD,OAAO,CAAC,uBAAuB,CAAqB;;IAW7C,0BAA0B,CAC/B,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAChC,sBAAsB,CAAC,qBAAqB,CAAC,CAC9C,GACC,0BAA0B;IAkBvB,6BAA6B,CAClC,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAChC,sBAAsB,CAAC,qBAAqB,CAAC,CAC9C,GACC,0BAA0B;CAU/B;AAED,cAAM,oBAAqB,YAAW,eAAe;IACnD,OAAO,CAAC,MAAM,CAAC,sBAAsB,CAAa;IAClD,OAAO,CAAC,MAAM,CAAC,aAAa,CAAS;;IAmB9B,0BAA0B,CAC/B,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAChC,sBAAsB,CAAC,qBAAqB,CAAC,CAC9C,GACC,0BAA0B;IASvB,6BAA6B,CAClC,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAChC,sBAAsB,CAAC,qBAAqB,CAAC,CAC9C,GACC,0BAA0B;CAQ/B;AAED,cAAM,iBAAkB,YAAW,eAAe;IACzC,0BAA0B,CAC/B,kBAAkB,EAAE,KAAK,CAAC,SAAS,CACjC,sBAAsB,CAAC,qBAAqB,CAAC,CAC9C,GACC,0BAA0B;IAKvB,6BAA6B,CAClC,kBAAkB,EAAE,KAAK,CAAC,SAAS,CACjC,sBAAsB,CAAC,qBAAqB,CAAC,CAC9C,GACC,0BAA0B;CAI/B;AAED,KAAK,qBAAqB,GACtB,OAAO,iBAAiB,GACxB,OAAO,oBAAoB,GAC3B,OAAO,mBAAmB,CAAC;AAE/B,QAAA,IAAI,cAAc,EAAE,qBAAqB,CAAC;AAS1C,eAAe,cAAc,CAAC"}

package/lib/typescript/createAnimatedComponent/NativeEventsManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NativeEventsManager.d.ts","sourceRoot":"","sources":["../../../src/createAnimatedComponent/NativeEventsManager.ts"],"names":[],"mappings":";AACA,OAAO,KAAK,EACV,oBAAoB,EACpB,0BAA0B,EAC1B,sBAAsB,EACtB,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,eAAe,CAAC;AAKvB,qBAAa,mBAAoB,YAAW,oBAAoB;;gBAKlD,SAAS,EAAE,wBAAwB,EAAE,OAAO,CAAC,EAAE,gBAAgB;IAMpE,YAAY;IAMZ,YAAY;IASZ,YAAY,CACjB,SAAS,EAAE,sBAAsB,CAAC,qBAAqB,CAAC;IAwC1D,OAAO,CAAC,eAAe;CAkBxB;AA0BD,KAAK,wBAAwB,GAAG,KAAK,CAAC,SAAS,CAC7C,sBAAsB,CAAC,qBAAqB,CAAC,CAC9C,GACC,0BAA0B,CAAC;AAE7B,KAAK,gBAAgB,GAAG;IACtB,cAAc,EAAE,CACd,GAAG,EAAE,oBAAoB,EACzB,KAAK,EAAE,qBAAqB,KACzB,IAAI,CAAC;CACX,CAAC"}
+{"version":3,"file":"NativeEventsManager.d.ts","sourceRoot":"","sources":["../../../src/createAnimatedComponent/NativeEventsManager.ts"],"names":[],"mappings":";AACA,OAAO,KAAK,EACV,oBAAoB,EACpB,0BAA0B,EAC1B,sBAAsB,EACtB,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,eAAe,CAAC;AAKvB,qBAAa,mBAAoB,YAAW,oBAAoB;;gBAKlD,SAAS,EAAE,wBAAwB,EAAE,OAAO,CAAC,EAAE,gBAAgB;IAMpE,YAAY;IAMZ,YAAY;IASZ,YAAY,CACjB,SAAS,EAAE,sBAAsB,CAAC,qBAAqB,CAAC;IAwC1D,OAAO,CAAC,eAAe;CAiDxB;AA0BD,KAAK,wBAAwB,GAAG,KAAK,CAAC,SAAS,CAC7C,sBAAsB,CAAC,qBAAqB,CAAC,CAC9C,GACC,0BAA0B,CAAC;AAE7B,KAAK,gBAAgB,GAAG;IACtB,cAAc,EAAE,CACd,GAAG,EAAE,oBAAoB,EACzB,KAAK,EAAE,qBAAqB,KACzB,IAAI,CAAC;CACX,CAAC"}

package/lib/typescript/createAnimatedComponent/commonTypes.d.ts

@@ -52,17 +52,12 @@ export interface AnimatedComponentRef extends Component {
 export interface IAnimatedComponentInternal {
     _styles: StyleProps[] | null;
     _animatedProps?: Partial<AnimatedComponentProps<AnimatedProps>>;
-    /**
-     * Used for Shared Element Transitions, Layout Animations and Animated Styles.
-     * It is not related to event handling.
-     */
-    _componentViewTag: number;
     _isFirstRender: boolean;
     jestInlineStyle: NestedArray<StyleProps> | undefined;
     jestAnimatedStyle: {
         value: StyleProps;
     };
-    _component: AnimatedComponentRef | HTMLElement | null;
+    _componentRef: AnimatedComponentRef | HTMLElement | null;
     _sharedElementTransition: SharedTransition | null;
     _jsPropsUpdater: IJSPropsUpdater;
     _InlinePropManager: IInlinePropManager;
@@ -71,6 +66,11 @@ export interface IAnimatedComponentInternal {
     _NativeEventsManager?: INativeEventsManager;
     _viewInfo?: ViewInfo;
     context: React.ContextType<typeof SkipEnteringContext>;
+    /**
+     * Used for Shared Element Transitions, Layout Animations and Animated Styles.
+     * It is not related to event handling.
+     */
+    getComponentViewTag: () => number;
 }
 export type NestedArray<T> = T | NestedArray<T>[];
 export interface InitialComponentProps extends Record<string, unknown> {

package/lib/typescript/createAnimatedComponent/commonTypes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"commonTypes.d.ts","sourceRoot":"","sources":["../../../src/createAnimatedComponent/commonTypes.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"commonTypes.d.ts","sourceRoot":"","sources":["../../../src/createAnimatedComponent/commonTypes.ts"],"names":[],"mappings":"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"}

package/lib/typescript/createAnimatedComponent/createAnimatedComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createAnimatedComponent.d.ts","sourceRoot":"","sources":["../../../src/createAnimatedComponent/createAnimatedComponent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAEV,cAAc,EACd,aAAa,EACb,iBAAiB,EAElB,MAAM,OAAO,CAAC;AAIf,OAAO,wCAAwC,CAAC;AAYhD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD,OAAO,KAAK,EAIV,oBAAoB,EAKrB,MAAM,eAAe,CAAC;AAevB,OAAO,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAmB5D,KAAK,OAAO,CAAC,CAAC,IAAI;IAChB,cAAc,EAAE,CAAC,GAAG,EAAE,oBAAoB,EAAE,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;CAC/D,CAAC;AAEF;;;;;;GAMG;AAGH,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,MAAM,EACtD,SAAS,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAC/B,OAAO,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,GACnB,iBAAiB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;AAEtC,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,MAAM,EACtD,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC,EAC5B,OAAO,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,GACnB,cAAc,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;AAEnC,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,MAAM,EAGtD,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,EAC3B,OAAO,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,GACnB,iBAAiB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;AAExE;;;GAGG;AAEH,wBAAgB,uBAAuB,CACrC,SAAS,EAAE,OAAO,QAAQ,CAAC,OAAO,CAAC,EACnC,OAAO,CAAC,EAAE,OAAO,CAAC,GAAG,CAAC,GACrB,cAAc,CAAC,YAAY,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC"}
+{"version":3,"file":"createAnimatedComponent.d.ts","sourceRoot":"","sources":["../../../src/createAnimatedComponent/createAnimatedComponent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAEV,cAAc,EACd,aAAa,EACb,iBAAiB,EAElB,MAAM,OAAO,CAAC;AAGf,OAAO,wCAAwC,CAAC;AAYhD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD,OAAO,KAAK,EAIV,oBAAoB,EAKrB,MAAM,eAAe,CAAC;AAevB,OAAO,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAmB5D,KAAK,OAAO,CAAC,CAAC,IAAI;IAChB,cAAc,EAAE,CAAC,GAAG,EAAE,oBAAoB,EAAE,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;CAC/D,CAAC;AAEF;;;;;;GAMG;AAGH,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,MAAM,EACtD,SAAS,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAC/B,OAAO,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,GACnB,iBAAiB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;AAEtC,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,MAAM,EACtD,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC,EAC5B,OAAO,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,GACnB,cAAc,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;AAEnC,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,MAAM,EAGtD,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,EAC3B,OAAO,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,GACnB,iBAAiB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;AAExE;;;GAGG;AAEH,wBAAgB,uBAAuB,CACrC,SAAS,EAAE,OAAO,QAAQ,CAAC,OAAO,CAAC,EACnC,OAAO,CAAC,EAAE,OAAO,CAAC,GAAG,CAAC,GACrB,cAAc,CAAC,YAAY,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC"}

package/lib/typescript/fabricUtils.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
 import type { ShadowNodeWrapper } from './commonTypes';
-export declare function getShadowNodeWrapperFromRef(ref: React.Component): ShadowNodeWrapper;
+import { HostInstance } from './platform-specific/findHostInstance';
+export declare function getShadowNodeWrapperFromRef(ref: React.Component, hostInstance?: HostInstance): ShadowNodeWrapper;
 //# sourceMappingURL=fabricUtils.d.ts.map

package/lib/typescript/fabricUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fabricUtils.d.ts","sourceRoot":"","sources":["../../src/fabricUtils.ts"],"names":[],"mappings":";AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAOvD,wBAAgB,2BAA2B,CACzC,GAAG,EAAE,KAAK,CAAC,SAAS,GACnB,iBAAiB,CA6CnB"}
+{"version":3,"file":"fabricUtils.d.ts","sourceRoot":"","sources":["../../src/fabricUtils.ts"],"names":[],"mappings":";AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAEL,YAAY,EACb,MAAM,sCAAsC,CAAC;AAM9C,wBAAgB,2BAA2B,CACzC,GAAG,EAAE,KAAK,CAAC,SAAS,EACpB,YAAY,CAAC,EAAE,YAAY,GAC1B,iBAAiB,CAmCnB"}

package/lib/typescript/platform-specific/findHostInstance.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import type { IAnimatedComponentInternal } from '../createAnimatedComponent/commonTypes';
+type HostInstanceFabric = {
+    __internalInstanceHandle?: Record<string, unknown>;
+    __nativeTag?: number;
+    _viewConfig?: Record<string, unknown>;
+};
+type HostInstancePaper = {
+    _nativeTag?: number;
+    viewConfig?: Record<string, unknown>;
+};
+export type HostInstance = HostInstanceFabric & HostInstancePaper;
+export declare function findHostInstance(component: IAnimatedComponentInternal | React.Component): HostInstance;
+export {};
+//# sourceMappingURL=findHostInstance.d.ts.map

package/lib/typescript/platform-specific/findHostInstance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"findHostInstance.d.ts","sourceRoot":"","sources":["../../../src/platform-specific/findHostInstance.ts"],"names":[],"mappings":";AAGA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,wCAAwC,CAAC;AAIzF,KAAK,kBAAkB,GAAG;IACxB,wBAAwB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACvC,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,kBAAkB,GAAG,iBAAiB,CAAC;AAwClE,wBAAgB,gBAAgB,CAC9B,SAAS,EAAE,0BAA0B,GAAG,KAAK,CAAC,SAAS,GACtD,YAAY,CAgBd"}

package/lib/typescript/platform-specific/findHostInstance.web.d.ts

@@ -0,0 +1,2 @@
+export declare function findHostInstance(_component: any): void;
+//# sourceMappingURL=findHostInstance.web.d.ts.map

package/lib/typescript/platform-specific/findHostInstance.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"findHostInstance.web.d.ts","sourceRoot":"","sources":["../../../src/platform-specific/findHostInstance.web.ts"],"names":[],"mappings":"AAEA,wBAAgB,gBAAgB,CAAC,UAAU,EAAE,GAAG,GAAG,IAAI,CAAG"}

package/lib/typescript/platform-specific/jsVersion.d.ts

@@ -3,5 +3,5 @@
  * version used to build the native part of the library in runtime. Remember to
  * keep this in sync with the version declared in `package.json`
  */
-export declare const jsVersion = "3.16.4";
+export declare const jsVersion = "3.16.6";
 //# sourceMappingURL=jsVersion.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-reanimated",
-  "version": "3.16.4",
+  "version": "3.16.6",
   "description": "More powerful alternative to Animated library for React Native.",
   "scripts": {
     "test": "jest",

package/src/createAnimatedComponent/JSPropsUpdater.ts

@@ -1,6 +1,5 @@
 'use strict';
 import { NativeEventEmitter, Platform } from 'react-native';
-import { findNodeHandle } from '../platformFunctions/findNodeHandle';
 import type { NativeModule } from 'react-native';
 import { shouldBeUseWeb } from '../PlatformChecker';
 import type { StyleProps } from '../commonTypes';
@@ -39,7 +38,7 @@ class JSPropsUpdaterPaper implements IJSPropsUpdater {
     > &
       IAnimatedComponentInternal
   ) {
-    const viewTag = findNodeHandle(animatedComponent);
+    const viewTag = animatedComponent.getComponentViewTag();
     JSPropsUpdaterPaper._tagToComponentMapping.set(viewTag, animatedComponent);
     if (JSPropsUpdaterPaper._tagToComponentMapping.size === 1) {
       const listener = (data: ListenerData) => {
@@ -61,7 +60,7 @@ class JSPropsUpdaterPaper implements IJSPropsUpdater {
     > &
       IAnimatedComponentInternal
   ) {
-    const viewTag = findNodeHandle(animatedComponent);
+    const viewTag = animatedComponent.getComponentViewTag();
     JSPropsUpdaterPaper._tagToComponentMapping.delete(viewTag);
     if (JSPropsUpdaterPaper._tagToComponentMapping.size === 0) {
       this._reanimatedEventEmitter.removeAllListeners(
@@ -101,7 +100,7 @@ class JSPropsUpdaterFabric implements IJSPropsUpdater {
     if (!JSPropsUpdaterFabric.isInitialized) {
       return;
     }
-    const viewTag = findNodeHandle(animatedComponent);
+    const viewTag = animatedComponent.getComponentViewTag();
     JSPropsUpdaterFabric._tagToComponentMapping.set(viewTag, animatedComponent);
   }
 
@@ -114,7 +113,7 @@ class JSPropsUpdaterFabric implements IJSPropsUpdater {
     if (!JSPropsUpdaterFabric.isInitialized) {
       return;
     }
-    const viewTag = findNodeHandle(animatedComponent);
+    const viewTag = animatedComponent.getComponentViewTag();
     JSPropsUpdaterFabric._tagToComponentMapping.delete(viewTag);
   }
 }

package/src/createAnimatedComponent/NativeEventsManager.ts

@@ -39,7 +39,7 @@ export class NativeEventsManager implements INativeEventsManager {
   public updateEvents(
     prevProps: AnimatedComponentProps<InitialComponentProps>
   ) {
-    const computedEventTag = this.getEventViewTag();
+    const computedEventTag = this.getEventViewTag(true);
     // If the event view tag changes, we need to completely re-mount all events
     if (this.#eventViewTag !== computedEventTag) {
       // Remove all bindings from previous props that ran on the old viewTag
@@ -77,23 +77,54 @@ export class NativeEventsManager implements INativeEventsManager {
     });
   }
 
-  private getEventViewTag() {
+  private getEventViewTag(componentUpdate: boolean = false) {
     // Get the tag for registering events - since the event emitting view can be nested inside the main component
     const componentAnimatedRef = this.#managedComponent
-      ._component as AnimatedComponentRef;
-    let newTag: number;
+      ._componentRef as AnimatedComponentRef & {
+      // Fabric
+      __nativeTag?: number;
+      // Paper
+      _nativeTag?: number;
+    };
     if (componentAnimatedRef.getScrollableNode) {
+      /*
+        In most cases, getScrollableNode() returns a view tag, and findNodeHandle is not required. 
+        However, to cover more exotic list cases, we will continue to use findNodeHandle 
+        for consistency. For numerical values, findNodeHandle should return the value immediately, 
+        as documented here: https://github.com/facebook/react/blob/91061073d57783c061889ac6720ef1ab7f0c2149/packages/react-native-renderer/src/ReactNativePublicCompat.js#L113
+      */
       const scrollableNode = componentAnimatedRef.getScrollableNode();
-      newTag = findNodeHandle(scrollableNode) ?? -1;
-    } else {
-      newTag =
-        findNodeHandle(
-          this.#componentOptions?.setNativeProps
-            ? this.#managedComponent
-            : componentAnimatedRef
-        ) ?? -1;
+      if (typeof scrollableNode === 'number') {
+        return scrollableNode;
+      }
+      return findNodeHandle(scrollableNode) ?? -1;
+    }
+    if (this.#componentOptions?.setNativeProps) {
+      // This case ensures backward compatibility with components that
+      // have their own setNativeProps method passed as an option.
+      return findNodeHandle(this.#managedComponent) ?? -1;
+    }
+    if (!componentUpdate) {
+      // On the first render of a component, we may already receive a resolved view tag.
+      return this.#managedComponent.getComponentViewTag();
+    }
+    if (componentAnimatedRef.__nativeTag || componentAnimatedRef._nativeTag) {
+      /*
+        Fast path for native refs,
+        _nativeTag is used by Paper components,
+        __nativeTag is used by Fabric components.
+      */
+      return (
+        componentAnimatedRef.__nativeTag ??
+        componentAnimatedRef._nativeTag ??
+        -1
+      );
     }
-    return newTag;
+    /*
+      When a component is updated, a child could potentially change and have a different 
+      view tag. This can occur with a GestureDetector component.
+    */
+    return findNodeHandle(componentAnimatedRef) ?? -1;
   }
 }
 

package/src/createAnimatedComponent/commonTypes.ts

@@ -100,15 +100,10 @@ export interface AnimatedComponentRef extends Component {
 export interface IAnimatedComponentInternal {
   _styles: StyleProps[] | null;
   _animatedProps?: Partial<AnimatedComponentProps<AnimatedProps>>;
-  /**
-   * Used for Shared Element Transitions, Layout Animations and Animated Styles.
-   * It is not related to event handling.
-   */
-  _componentViewTag: number;
   _isFirstRender: boolean;
   jestInlineStyle: NestedArray<StyleProps> | undefined;
   jestAnimatedStyle: { value: StyleProps };
-  _component: AnimatedComponentRef | HTMLElement | null;
+  _componentRef: AnimatedComponentRef | HTMLElement | null;
   _sharedElementTransition: SharedTransition | null;
   _jsPropsUpdater: IJSPropsUpdater;
   _InlinePropManager: IInlinePropManager;
@@ -117,6 +112,11 @@ export interface IAnimatedComponentInternal {
   _NativeEventsManager?: INativeEventsManager;
   _viewInfo?: ViewInfo;
   context: React.ContextType<typeof SkipEnteringContext>;
+  /**
+   * Used for Shared Element Transitions, Layout Animations and Animated Styles.
+   * It is not related to event handling.
+   */
+  getComponentViewTag: () => number;
 }
 
 export type NestedArray<T> = T | NestedArray<T>[];

package/src/createAnimatedComponent/createAnimatedComponent.tsx

@@ -8,11 +8,10 @@ import type {
 } from 'react';
 import React from 'react';
 import { Platform } from 'react-native';
-import { findNodeHandle } from '../platformFunctions/findNodeHandle';
 import '../layoutReanimation/animationsManager';
 import invariant from 'invariant';
 import { adaptViewConfig } from '../ConfigHelper';
-import { RNRenderer } from '../platform-specific/RNRenderer';
+import { findHostInstance } from '../platform-specific/findHostInstance';
 import { enableLayoutAnimations } from '../core';
 import { SharedTransition, LayoutAnimationType } from '../layoutReanimation';
 import type { StyleProps, ShadowNodeWrapper } from '../commonTypes';
@@ -124,11 +123,10 @@ export function createAnimatedComponent(
   {
     _styles: StyleProps[] | null = null;
     _animatedProps?: Partial<AnimatedComponentProps<AnimatedProps>>;
-    _componentViewTag = -1;
     _isFirstRender = true;
     jestInlineStyle: NestedArray<StyleProps> | undefined;
     jestAnimatedStyle: { value: StyleProps } = { value: {} };
-    _component: AnimatedComponentRef | HTMLElement | null = null;
+    _componentRef: AnimatedComponentRef | HTMLElement | null = null;
     _sharedElementTransition: SharedTransition | null = null;
     _jsPropsUpdater = new JSPropsUpdater();
     _InlinePropManager = new InlinePropManager();
@@ -156,7 +154,6 @@ export function createAnimatedComponent(
     }
 
     componentDidMount() {
-      this._componentViewTag = this._getComponentViewTag();
       if (!IS_WEB) {
         // It exists only on native platforms. We initialize it here because the ref to the animated component is available only post-mount
         this._NativeEventsManager = new NativeEventsManager(this, options);
@@ -173,7 +170,7 @@ export function createAnimatedComponent(
 
       if (IS_WEB) {
         if (this.props.exiting) {
-          saveSnapshot(this._component as HTMLElement);
+          saveSnapshot(this._componentRef as HTMLElement);
         }
 
         if (
@@ -189,11 +186,11 @@ export function createAnimatedComponent(
         if (!skipEntering) {
           startWebLayoutAnimation(
             this.props,
-            this._component as ReanimatedHTMLElement,
+            this._componentRef as ReanimatedHTMLElement,
             LayoutAnimationType.ENTERING
           );
         } else {
-          (this._component as HTMLElement).style.visibility = 'initial';
+          (this._componentRef as HTMLElement).style.visibility = 'initial';
         }
       }
 
@@ -209,7 +206,7 @@ export function createAnimatedComponent(
         this._configureSharedTransition(true);
       }
       this._sharedElementTransition?.unregisterTransition(
-        this._componentViewTag,
+        this.getComponentViewTag(),
         true
       );
 
@@ -217,7 +214,7 @@ export function createAnimatedComponent(
 
       if (
         IS_WEB &&
-        this._component &&
+        this._componentRef &&
         exiting &&
         !getReducedMotionFromConfig(exiting as CustomConfig)
       ) {
@@ -225,7 +222,7 @@ export function createAnimatedComponent(
 
         startWebLayoutAnimation(
           this.props,
-          this._component as ReanimatedHTMLElement,
+          this._componentRef as ReanimatedHTMLElement,
           LayoutAnimationType.EXITING
         );
       } else if (exiting && !IS_WEB && !isFabric()) {
@@ -236,7 +233,7 @@ export function createAnimatedComponent(
             : getReduceMotionFromConfig();
         if (!reduceMotionInExiting) {
           updateLayoutAnimations(
-            this._componentViewTag,
+            this.getComponentViewTag(),
             LayoutAnimationType.EXITING,
             maybeBuild(
               exiting,
@@ -248,31 +245,33 @@ export function createAnimatedComponent(
       }
     }
 
-    _getComponentViewTag() {
+    getComponentViewTag() {
       return this._getViewInfo().viewTag as number;
     }
 
     _detachStyles() {
-      if (this._componentViewTag !== -1 && this._styles !== null) {
+      const viewTag = this.getComponentViewTag();
+      if (viewTag !== -1 && this._styles !== null) {
         for (const style of this._styles) {
-          style.viewDescriptors.remove(this._componentViewTag);
+          style.viewDescriptors.remove(viewTag);
         }
         if (this.props.animatedProps?.viewDescriptors) {
-          this.props.animatedProps.viewDescriptors.remove(
-            this._componentViewTag
-          );
+          this.props.animatedProps.viewDescriptors.remove(viewTag);
         }
         if (isFabric()) {
-          removeFromPropsRegistry(this._componentViewTag);
+          removeFromPropsRegistry(viewTag);
         }
       }
     }
 
     _updateFromNative(props: StyleProps) {
       if (options?.setNativeProps) {
-        options.setNativeProps(this._component as AnimatedComponentRef, props);
+        options.setNativeProps(
+          this._componentRef as AnimatedComponentRef,
+          props
+        );
       } else {
-        (this._component as AnimatedComponentRef)?.setNativeProps?.(props);
+        (this._componentRef as AnimatedComponentRef)?.setNativeProps?.(props);
       }
     }
 
@@ -285,24 +284,22 @@ export function createAnimatedComponent(
       let viewName: string | null;
       let shadowNodeWrapper: ShadowNodeWrapper | null = null;
       let viewConfig;
-      // Component can specify ref which should be animated when animated version of the component is created.
-      // Otherwise, we animate the component itself.
-      const component = (this._component as AnimatedComponentRef)
-        ?.getAnimatableRef
-        ? (this._component as AnimatedComponentRef).getAnimatableRef?.()
-        : this;
 
       if (SHOULD_BE_USE_WEB) {
         // At this point I assume that `_setComponentRef` was already called and `_component` is set.
         // `this._component` on web represents HTMLElement of our component, that's why we use casting
-        viewTag = this._component as HTMLElement;
+        viewTag = this._componentRef as HTMLElement;
         viewName = null;
         shadowNodeWrapper = null;
         viewConfig = null;
       } else {
-        // hostInstance can be null for a component that doesn't render anything (render function returns null). Example: svg Stop: https://github.com/react-native-svg/react-native-svg/blob/develop/src/elements/Stop.tsx
-        const hostInstance = RNRenderer.findHostInstance_DEPRECATED(component);
+        const hostInstance = findHostInstance(this);
         if (!hostInstance) {
+          /* 
+            findHostInstance can return null for a component that doesn't render anything 
+            (render function returns null). Example: 
+            svg Stop: https://github.com/react-native-svg/react-native-svg/blob/develop/src/elements/Stop.tsx
+          */
           throw new ReanimatedError(
             'Cannot find host instance for this component. Maybe it renders nothing?'
           );
@@ -313,7 +310,7 @@ export function createAnimatedComponent(
         viewName = viewInfo.viewName;
         viewConfig = viewInfo.viewConfig;
         shadowNodeWrapper = isFabric()
-          ? getShadowNodeWrapperFromRef(this)
+          ? getShadowNodeWrapperFromRef(this, hostInstance)
           : null;
       }
       this._viewInfo = { viewTag, viewName, shadowNodeWrapper, viewConfig };
@@ -340,8 +337,6 @@ export function createAnimatedComponent(
         adaptViewConfig(viewConfig);
       }
 
-      this._componentViewTag = viewTag as number;
-
       // remove old styles
       if (prevStyles) {
         // in most of the cases, views have only a single animated style and it remains unchanged
@@ -421,7 +416,7 @@ export function createAnimatedComponent(
       this._InlinePropManager.attachInlineProps(this, this._getViewInfo());
 
       if (IS_WEB && this.props.exiting) {
-        saveSnapshot(this._component as HTMLElement);
+        saveSnapshot(this._componentRef as HTMLElement);
       }
 
       // Snapshot won't be undefined because it comes from getSnapshotBeforeUpdate method
@@ -433,7 +428,7 @@ export function createAnimatedComponent(
       ) {
         tryActivateLayoutTransition(
           this.props,
-          this._component as ReanimatedHTMLElement,
+          this._componentRef as ReanimatedHTMLElement,
           snapshot
         );
       }
@@ -452,7 +447,7 @@ export function createAnimatedComponent(
           )
         : undefined;
       updateLayoutAnimations(
-        this._componentViewTag,
+        this.getComponentViewTag(),
         LayoutAnimationType.LAYOUT,
         layout
       );
@@ -466,7 +461,7 @@ export function createAnimatedComponent(
       const { sharedTransitionTag } = this.props;
       if (!sharedTransitionTag) {
         this._sharedElementTransition?.unregisterTransition(
-          this._componentViewTag,
+          this.getComponentViewTag(),
           isUnmounting
         );
         this._sharedElementTransition = null;
@@ -477,34 +472,42 @@ export function createAnimatedComponent(
         this._sharedElementTransition ??
         new SharedTransition();
       sharedElementTransition.registerTransition(
-        this._componentViewTag,
+        this.getComponentViewTag(),
         sharedTransitionTag,
         isUnmounting
       );
       this._sharedElementTransition = sharedElementTransition;
     }
 
+    _resolveComponentRef = (ref: Component | HTMLElement | null) => {
+      const componentRef = ref as AnimatedComponentRef;
+      // Component can specify ref which should be animated when animated version of the component is created.
+      // Otherwise, we animate the component itself.
+      if (componentRef && componentRef.getAnimatableRef) {
+        return componentRef.getAnimatableRef();
+      }
+      return componentRef;
+    };
+
     _setComponentRef = setAndForwardRef<Component | HTMLElement>({
       getForwardedRef: () =>
         this.props.forwardedRef as MutableRefObject<
           Component<Record<string, unknown>, Record<string, unknown>, unknown>
         >,
       setLocalRef: (ref) => {
-        // TODO update config
-
-        const tag = findNodeHandle(ref as Component);
-
-        // callback refs are executed twice - when the component mounts with ref,
-        // and with null when it unmounts
-        if (tag !== null) {
-          this._componentViewTag = tag;
+        if (!ref) {
+          // component has been unmounted
+          return;
+        }
+        if (ref !== this._componentRef) {
+          this._componentRef = this._resolveComponentRef(ref);
+          // if ref is changed, reset viewInfo
+          this._viewInfo = undefined;
         }
+        const tag = this.getComponentViewTag();
 
         const { layout, entering, exiting, sharedTransitionTag } = this.props;
-        if (
-          (layout || entering || exiting || sharedTransitionTag) &&
-          tag != null
-        ) {
+        if (layout || entering || exiting || sharedTransitionTag) {
           if (!SHOULD_BE_USE_WEB) {
             enableLayoutAnimations(true, false);
           }
@@ -544,10 +547,6 @@ export function createAnimatedComponent(
             );
           }
         }
-
-        if (ref !== this._component) {
-          this._component = ref;
-        }
       },
     });
 
@@ -557,9 +556,9 @@ export function createAnimatedComponent(
     getSnapshotBeforeUpdate() {
       if (
         IS_WEB &&
-        (this._component as HTMLElement)?.getBoundingClientRect !== undefined
+        (this._componentRef as HTMLElement)?.getBoundingClientRect !== undefined
       ) {
-        return (this._component as HTMLElement).getBoundingClientRect();
+        return (this._componentRef as HTMLElement).getBoundingClientRect();
       }
 
       return null;

package/src/fabricUtils.ts

@@ -2,25 +2,19 @@
 /* eslint-disable */
 
 import type { ShadowNodeWrapper } from './commonTypes';
+import {
+  findHostInstance,
+  HostInstance,
+} from './platform-specific/findHostInstance';
 
-let findHostInstance_DEPRECATED: (ref: unknown) => void;
 let getInternalInstanceHandleFromPublicInstance: (ref: unknown) => {
   stateNode: { node: unknown };
 };
 
 export function getShadowNodeWrapperFromRef(
-  ref: React.Component
+  ref: React.Component,
+  hostInstance?: HostInstance
 ): ShadowNodeWrapper {
-  // load findHostInstance_DEPRECATED lazily because it may not be available before render
-  if (findHostInstance_DEPRECATED === undefined) {
-    try {
-      findHostInstance_DEPRECATED =
-        require('react-native/Libraries/Renderer/shims/ReactFabric').findHostInstance_DEPRECATED;
-    } catch (e) {
-      findHostInstance_DEPRECATED = (_ref: unknown) => null;
-    }
-  }
-
   if (getInternalInstanceHandleFromPublicInstance === undefined) {
     try {
       getInternalInstanceHandleFromPublicInstance =
@@ -49,9 +43,9 @@ export function getShadowNodeWrapperFromRef(
   } else if (textInputRef) {
     resolvedRef = textInputRef;
   } else {
-    resolvedRef = getInternalInstanceHandleFromPublicInstance(
-      findHostInstance_DEPRECATED(ref)
-    ).stateNode.node;
+    const instance = hostInstance ?? findHostInstance(ref);
+    resolvedRef =
+      getInternalInstanceHandleFromPublicInstance(instance).stateNode.node;
   }
 
   return resolvedRef;