fix: react 19 typescript compatibility

- useStableCallback: add initial value to useRef (React 19 requirement)
- types.d.ts: change ScrollEventsHandlersHookType ref parameter from
  React.RefObject to AnimatedRef (fixes type mismatch with useAnimatedRef)
- BottomSheetModal: cast through unknown for generic forwardRef + memo
  pattern (standard workaround for React 19 stricter types)

Closes #2363

Author: kirstilynn

src/components/bottomSheetModal/BottomSheetModal.tsx

@@ -465,7 +465,9 @@ function BottomSheetModalComponent<T = any>(
   ) : null;
 }
 
-const BottomSheetModal = memo(forwardRef(BottomSheetModalComponent)) as <
+const BottomSheetModal = memo(
+  forwardRef(BottomSheetModalComponent)
+) as unknown as <
   // biome-ignore lint/suspicious/noExplicitAny: Using 'any' allows users to define their own strict types for 'data' property.
   T = any,
 >(
@@ -474,7 +476,7 @@ const BottomSheetModal = memo(forwardRef(BottomSheetModalComponent)) as <
   }
 ) => ReturnType<typeof BottomSheetModalComponent>;
 (
-  BottomSheetModal as React.MemoExoticComponent<
+  BottomSheetModal as unknown as React.MemoExoticComponent<
     typeof BottomSheetModalComponent
   >
 ).displayName = 'BottomSheetModal';

src/hooks/useStableCallback.ts

@@ -8,7 +8,7 @@ type Callback<T extends unknown[], R> = (...args: T) => R;
 export function useStableCallback<T extends unknown[], R>(
   callback: Callback<T, R>
 ) {
-  const callbackRef = useRef<Callback<T, R>>();
+  const callbackRef = useRef<Callback<T, R> | undefined>(undefined);
 
   useLayoutEffect(() => {
     callbackRef.current = callback;

src/types.d.ts

@@ -18,6 +18,7 @@ import type {
   State,
 } from 'react-native-gesture-handler';
 import type {
+  AnimatedRef,
   EasingFunction,
   EasingFunctionFactory,
   ReduceMotion,
@@ -30,7 +31,6 @@ import type {
   ANIMATION_STATUS,
   GESTURE_SOURCE,
   KEYBOARD_STATUS,
-  SCROLLABLE_STATUS,
   SCROLLABLE_TYPE,
 } from './constants';
 
@@ -226,7 +226,7 @@ type ScrollEventHandlerCallbackType<C = never> = (
 ) => void;
 
 export type ScrollEventsHandlersHookType = (
-  ref: React.RefObject<Scrollable>,
+  ref: AnimatedRef<Scrollable>,
   contentOffsetY: SharedValue<number>
 ) => {
   handleOnScroll?: ScrollEventHandlerCallbackType;