Reintroduce onReanimatedPropsChange

src/ReanimatedModule.ts

@@ -0,0 +1,34 @@
+import { NativeEventEmitter, NativeModules } from 'react-native';
+import { nativeShouldBeMock } from './reanimated2/PlatformChecker';
+import { StyleProps } from './reanimated2';
+
+export const NODE_MAPPING = new Map();
+
+interface ListenerData {
+  viewTag: number;
+  props: StyleProps;
+}
+
+export function listener(data: ListenerData) {
+  const component = NODE_MAPPING.get(data.viewTag);
+  component && component._updateFromNative(data.props);
+}
+
+const ReanimatedModuleMock = {
+  async addListener(): Promise<void> {
+    // noop
+  },
+  async removeListeners(): Promise<void> {
+    // noop
+  },
+};
+
+let reanimatedModule: typeof ReanimatedModuleMock;
+if (nativeShouldBeMock()) {
+  reanimatedModule = ReanimatedModuleMock;
+} else {
+  const { ReanimatedModule } = NativeModules;
+  reanimatedModule = ReanimatedModule;
+}
+
+export const ReanimatedEventEmitter = new NativeEventEmitter(reanimatedModule);

src/createAnimatedComponent.tsx

@@ -53,6 +53,11 @@ import NativeReanimatedModule from './reanimated2/NativeReanimated';
 import { isSharedValue } from './reanimated2';
 import type { AnimateProps } from './reanimated2/helperTypes';
 import { removeFromPropsRegistry } from './reanimated2/PropsRegistry';
+import {
+  NODE_MAPPING,
+  ReanimatedEventEmitter,
+  listener,
+} from './ReanimatedModule';
 
 function dummyListener() {
   // empty listener we use to assign to listener properties for which animated
@@ -297,13 +302,15 @@ export default function createAnimatedComponent(
 
     componentWillUnmount() {
       this._detachNativeEvents();
+      this._detachPropUpdater();
       this._detachStyles();
       this._detachInlineProps();
       this._sharedElementTransition?.unregisterTransition(this._viewTag);
     }
 
     componentDidMount() {
       this._attachNativeEvents();
+      this._attachPropUpdater();
       this._attachAnimatedStyles();
       this._attachInlineProps();
     }
@@ -409,6 +416,22 @@ export default function createAnimatedComponent(
       }
     }
 
+    _attachPropUpdater() {
+      const viewTag = findNodeHandle(this);
+      NODE_MAPPING.set(viewTag, this);
+      if (NODE_MAPPING.size === 1) {
+        ReanimatedEventEmitter.addListener('onReanimatedPropsChange', listener);
+      }
+    }
+
+    _detachPropUpdater() {
+      const viewTag = findNodeHandle(this);
+      NODE_MAPPING.delete(viewTag);
+      if (NODE_MAPPING.size === 0) {
+        ReanimatedEventEmitter.removeAllListeners('onReanimatedPropsChange');
+      }
+    }
+
     _getViewInfo() {
       let viewTag: number | null;
       let viewName: string | null;