fix: add missing ref typing on BidirectionalFlatList and add that to …

example/src/MessageListExample.tsx

@@ -1,12 +1,20 @@
-import React, { useEffect, useState } from 'react';
-import { SafeAreaView, StyleSheet, Text, View } from 'react-native';
+import React, { useEffect, useRef, useState } from 'react';
+import {
+  SafeAreaView,
+  StyleSheet,
+  Text,
+  View,
+  FlatList as FlatListType,
+} from 'react-native';
 
 import { FlatList } from 'react-native-bidirectional-infinite-scroll';
 import { MessageBubble } from './MessageBubble';
 import { Message, queryMoreMessages } from './utils';
 
 const App = () => {
   const [messages, setMessages] = useState<Array<Message>>([]);
+  const listRef = useRef<FlatListType>(null);
+
   useEffect(() => {
     const initChat = async () => {
       const initialMessages = await queryMoreMessages(50);
@@ -42,6 +50,7 @@ const App = () => {
         <Text style={styles.headerTitle}>Chat between two users</Text>
       </View>
       <FlatList
+        ref={listRef}
         data={messages}
         inverted
         onEndReached={loadMoreOlderMessages}

src/BidirectionalFlatList.tsx

@@ -58,6 +58,10 @@ export type Props<T> = Omit<
   ListHeaderComponent?: React.ComponentType;
   /** Custom UI component for footer indicator of FlatList. Only used when `showDefaultLoadingIndicators` is false */
   ListFooterComponent?: React.ComponentType;
+  ref?:
+    | ((instance: FlatListType<T> | null) => void)
+    | MutableRefObject<FlatListType<T> | null>
+    | null;
 };
 /**
  * Note: