react 19 type fixes

Author: hannojg

src/contexts/internal.ts

@@ -61,7 +61,7 @@ export interface BottomSheetInternalContextType
   stopAnimation: () => void;
   animateToPosition: AnimateToPositionType;
   setScrollableRef: (ref: ScrollableRef) => void;
-  removeScrollableRef: (ref: RefObject<Scrollable>) => void;
+  removeScrollableRef: (ref: RefObject<Scrollable | null>) => void;
 }
 
 export const BottomSheetInternalContext =

src/hooks/useScrollable.ts

@@ -35,7 +35,7 @@ export const useScrollable = () => {
     }
   }, []);
 
-  const removeScrollableRef = useCallback((ref: RefObject<Scrollable>) => {
+  const removeScrollableRef = useCallback((ref: RefObject<Scrollable | null>) => {
     // find node handle id
     let id: NodeHandle | null;
     try {

src/hooks/useScrollableSetter.ts

@@ -7,7 +7,7 @@ import { findNodeHandle } from '../utilities';
 import { useBottomSheetInternal } from './useBottomSheetInternal';
 
 export const useScrollableSetter = (
-  ref: React.RefObject<Scrollable>,
+  ref: React.RefObject<Scrollable | null>,
   type: SCROLLABLE_TYPE,
   contentOffsetY: SharedValue<number>,
   refreshable: boolean,

src/types.d.ts

@@ -117,7 +117,7 @@ export interface BottomSheetVariables {
 export type Scrollable = FlatList | ScrollView | SectionList;
 export type ScrollableRef = {
   id: number;
-  node: React.RefObject<Scrollable>;
+  node: React.RefObject<Scrollable | null>;
 };
 export type ScrollableEvent = (
   event: Pick<NativeSyntheticEvent<NativeScrollEvent>, 'nativeEvent'>
@@ -179,7 +179,7 @@ type ScrollEventHandlerCallbackType<C = never> = (
 ) => void;
 
 export type ScrollEventsHandlersHookType = (
-  ref: React.RefObject<Scrollable>,
+  ref: React.RefObject<Scrollable | null>,
   contentOffsetY: SharedValue<number>,
   lockableScrollableContentOffsetY?: SharedValue<number>
 ) => {