From eb815a55db0b6d36babf7f84120d089059eea235 Mon Sep 17 00:00:00 2001
From: Haroen Viaene <hello@haroen.me>
Date: Mon, 17 May 2021 14:05:14 +0200
Subject: [PATCH] fix(react): use refineNext in infinite hits

---
 .../getting-started/src/InfiniteHits.js                     | 6 +++---
 React InstantSearch/infinite-scroll/src/InfiniteHits.js     | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/React InstantSearch Native/getting-started/src/InfiniteHits.js b/React InstantSearch Native/getting-started/src/InfiniteHits.js
index 1cae22670a..495d9ff4a2 100644
--- a/React InstantSearch Native/getting-started/src/InfiniteHits.js	
+++ b/React InstantSearch Native/getting-started/src/InfiniteHits.js	
@@ -18,12 +18,12 @@ const styles = StyleSheet.create({
   },
 });
 
-const InfiniteHits = ({ hits, hasMore, refine }) => (
+const InfiniteHits = ({ hits, hasMore, refineNext }) => (
   <FlatList
     data={hits}
     keyExtractor={item => item.objectID}
     ItemSeparatorComponent={() => <View style={styles.separator} />}
-    onEndReached={() => hasMore && refine()}
+    onEndReached={() => hasMore && refineNext()}
     renderItem={({ item }) => (
       <View style={styles.item}>
         <Highlight attribute="name" hit={item} />
@@ -35,7 +35,7 @@ const InfiniteHits = ({ hits, hasMore, refine }) => (
 InfiniteHits.propTypes = {
   hits: PropTypes.arrayOf(PropTypes.object).isRequired,
   hasMore: PropTypes.bool.isRequired,
-  refine: PropTypes.func.isRequired,
+  refineNext: PropTypes.func.isRequired,
 };
 
 export default connectInfiniteHits(InfiniteHits);
diff --git a/React InstantSearch/infinite-scroll/src/InfiniteHits.js b/React InstantSearch/infinite-scroll/src/InfiniteHits.js
index d83ae43f01..7c89ceea97 100644
--- a/React InstantSearch/infinite-scroll/src/InfiniteHits.js	
+++ b/React InstantSearch/infinite-scroll/src/InfiniteHits.js	
@@ -7,17 +7,17 @@ class InfiniteHits extends Component {
   static propTypes = {
     hits: PropTypes.arrayOf(PropTypes.object).isRequired,
     hasMore: PropTypes.bool.isRequired,
-    refine: PropTypes.func.isRequired,
+    refineNext: PropTypes.func.isRequired,
   };
 
   sentinel = null;
 
   onSentinelIntersection = entries => {
-    const { hasMore, refine } = this.props;
+    const { hasMore, refineNext } = this.props;
 
     entries.forEach(entry => {
       if (entry.isIntersecting && hasMore) {
-        refine();
+        refineNext();
       }
     });
   };