fix(react): use refineNext in infinite hits

algolia · May 17, 2021 · eb815a5 · eb815a5
1 parent ee6b1b5
commit eb815a5
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git 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
@@ -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();
       }
     });
   };