Merge pull request #9395 from KislyakovDS/issues/9388

Fix total in `useInfiniteGetList` for empty results

Author: fzaninotto

packages/ra-core/src/controller/list/useInfiniteListController.spec.tsx

@@ -515,4 +515,34 @@ describe('useInfiniteListController', () => {
             });
         });
     });
+
+    it('should return correct total value for empty data', async () => {
+        const getList = jest.fn().mockImplementation(() =>
+            Promise.resolve({
+                data: [],
+                total: 0,
+            })
+        );
+        const dataProvider = testDataProvider({ getList });
+
+        render(
+            <CoreAdminContext dataProvider={dataProvider}>
+                <InfiniteListController resource="posts">
+                    {({ total }) => (
+                        <div aria-label="Total value">{String(total)}</div>
+                    )}
+                </InfiniteListController>
+            </CoreAdminContext>
+        );
+
+        await waitFor(() => {
+            const totalDivNode = screen.getByLabelText('Total value');
+            const totalInnerHTML = totalDivNode.innerHTML;
+            const totalValue = Number(totalInnerHTML);
+
+            expect(totalInnerHTML).not.toEqual('undefined');
+            expect(totalValue).not.toBeNaN();
+            expect(totalValue).toEqual(0);
+        });
+    });
 });

packages/ra-core/src/dataProvider/useInfiniteGetList.ts

@@ -146,7 +146,7 @@ export const useInfiniteGetList = <RecordType extends RaRecord = any>(
         ? {
               ...result,
               data: result.data,
-              total: result.data?.pages[0]?.total || undefined,
+              total: result.data?.pages[0]?.total ?? undefined,
           }
         : result) as UseInfiniteQueryResult<
         GetInfiniteListResult<RecordType>,