fix: replace getRefNativeTag with findNodeHandle (#1823)(by @AndreiCalazans)

Author: AndreiCalazans

src/hooks/useScrollHandler.web.ts

@@ -1,8 +1,8 @@
 import { useEffect, useRef, TouchEvent } from 'react';
+import { findNodeHandle } from 'react-native';
 import { useSharedValue } from 'react-native-reanimated';
 import { useBottomSheetInternal } from './useBottomSheetInternal';
 import { ANIMATION_STATE, SCROLLABLE_STATE } from '../constants';
-import { getRefNativeTag } from '../utilities/getRefNativeTag';
 import type { Scrollable } from '../types';
 
 export type ScrollEventContextType = {
@@ -12,7 +12,7 @@ export type ScrollEventContextType = {
 
 export const useScrollHandler = () => {
   //#region refs
-  const scrollableRef = useRef<Scrollable>();
+  const scrollableRef = useRef<Scrollable>(null);
   //#endregion
 
   //#region variables
@@ -29,7 +29,7 @@ export const useScrollHandler = () => {
 
   //#region effects
   useEffect(() => {
-    const element = getRefNativeTag(scrollableRef) as any;
+    const element = findNodeHandle(scrollableRef.current) as any;
 
     var scrollOffset = 0;
     var supportsPassive = false;

src/hooks/useScrollable.ts

@@ -1,6 +1,6 @@
 import { useCallback, RefObject, useRef } from 'react';
+import { findNodeHandle } from 'react-native';
 import { useSharedValue } from 'react-native-reanimated';
-import { getRefNativeTag } from '../utilities/getRefNativeTag';
 import { SCROLLABLE_STATE, SCROLLABLE_TYPE } from '../constants';
 import type { ScrollableRef, Scrollable } from '../types';
 
@@ -38,7 +38,7 @@ export const useScrollable = () => {
     // find node handle id
     let id;
     try {
-      id = getRefNativeTag(ref);
+      id = findNodeHandle(ref.current);
     } catch {
       return;
     }

src/hooks/useScrollableSetter.ts

@@ -1,7 +1,7 @@
 import React, { useCallback, useEffect } from 'react';
+import { findNodeHandle } from 'react-native';
 import Animated from 'react-native-reanimated';
 import { useBottomSheetInternal } from './useBottomSheetInternal';
-import { getRefNativeTag } from '../utilities/getRefNativeTag';
 import { SCROLLABLE_TYPE } from '../constants';
 import type { Scrollable } from '../types';
 
@@ -31,7 +31,7 @@ export const useScrollableSetter = (
     isContentHeightFixed.value = false;
 
     // set current scrollable ref
-    const id = getRefNativeTag(ref);
+    const id = findNodeHandle(ref.current);
     if (id) {
       setScrollableRef({
         id: id,