Fix iModel browser skipping pages (#143)

* Don't increment page number while an update is pending

* Actually fix skipped page

* Fix setState while rendering

* rush change

Author: simihartstein

common/changes/@itwin/imodel-browser-react/fix-skipped-pages_2025-02-05-06-51.json

@@ -0,0 +1,10 @@
+{
+  "changes": [
+    {
+      "packageName": "@itwin/imodel-browser-react",
+      "comment": "Fix iModel browser skipping pages",
+      "type": "patch"
+    }
+  ],
+  "packageName": "@itwin/imodel-browser-react"
+}

packages/modules/imodel-browser/src/containers/iModelGrid/IModelGrid.tsx

@@ -205,9 +205,12 @@ export const IModelGrid = ({
               />
             ))}
             {fetchMore ? (
-              <InView>
-                {({ inView, ref }) => {
+              <InView
+                onChange={(inView) => {
                   inView && fetchStatus !== DataStatus.Fetching && fetchMore();
+                }}
+              >
+                {({ ref }) => {
                   return <IModelGhostTile ref={ref} />;
                 }}
               </InView>

packages/modules/imodel-browser/src/containers/iModelGrid/useIModelData.ts

@@ -71,12 +71,12 @@ export const useIModelData = ({
   }, []);
 
   const fetchMore = React.useCallback(() => {
-    if (status === DataStatus.Fetching || !morePagesAvailable) {
+    if (needsUpdate || status === DataStatus.Fetching || !morePagesAvailable) {
       return;
     }
-    setPage((prev) => prev + 1);
+    setPage(page + 1);
     setNeedsUpdate(true);
-  }, [status, morePagesAvailable]);
+  }, [needsUpdate, status, morePagesAvailable, page]);
 
   React.useEffect(() => {
     // start from scratch when any external state changes