From 6a1b926116c398715672c4b36ed236a4e385ecea Mon Sep 17 00:00:00 2001
From: Krzysztof Magiera <krzys@swmansion.com>
Date: Wed, 30 Nov 2022 13:06:09 +0100
Subject: [PATCH] Fix animated refs on Fabric

---
 src/reanimated2/hook/useAnimatedRef.ts | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/reanimated2/hook/useAnimatedRef.ts b/src/reanimated2/hook/useAnimatedRef.ts
index f76dc01ec7f..c698d1daf06 100644
--- a/src/reanimated2/hook/useAnimatedRef.ts
+++ b/src/reanimated2/hook/useAnimatedRef.ts
@@ -6,11 +6,20 @@ import { getTag } from '../NativeMethods';
 import { getShadowNodeWrapperFromHostInstance } from '../fabricUtils';
 import {
   makeShareableCloneRecursive,
+  makeShareableShadowNodeWrapper,
   registerShareableMapping,
 } from '../shareables';
 
+function getShareableShadowNodeFromComponent(
+  component: Component
+): ShadowNodeWrapper {
+  return makeShareableShadowNodeWrapper(
+    getShadowNodeWrapperFromHostInstance(component)
+  );
+}
+
 const getTagValueFunction = global._IS_FABRIC
-  ? getShadowNodeWrapperFromHostInstance
+  ? getShareableShadowNodeFromComponent
   : getTag;
 
 export function useAnimatedRef<T extends Component>(): RefObjectFunction<T> {