Fix/is loading/multi render behaviour weirdness

packages/fetchye/__tests__/queryHelpers.spec.js

@@ -19,29 +19,49 @@ import {
 } from '../src/queryHelpers';
 
 describe('isLoading', () => {
+  it('should return false defer is true', () => {
+    expect(isLoading({
+      loading: false, data: undefined, options: { defer: true }, error: undefined, refs: {},
+    })).toEqual(false);
+  });
+
   it('should return true if loading cache true', () => {
     expect(isLoading({
-      loading: true, data: undefined, numOfRenders: 2, options: {},
+      loading: true, data: undefined, options: {}, error: undefined, refs: {},
     })).toEqual(true);
   });
-  it('should return true if first render is true', () => {
+
+  it('should return true if all args are false', () => {
     expect(isLoading({
-      loading: false, data: undefined, numOfRenders: 1, options: { },
+      loading: false, options: { defer: false }, error: undefined, refs: {},
     })).toEqual(true);
   });
-  it('should return true if first render and forceInitialFetch option is true', () => {
+
+  it('should return true if refs.forceInitialFetch === true', () => {
     expect(isLoading({
-      loading: false, data: undefined, numOfRenders: 1, options: { forceInitialFetch: true },
+      loading: false,
+      numOfRenders: 1,
+      data: {},
+      options: {
+        defer: false,
+        forceInitialFetch: true,
+      },
+      error: undefined,
+      refs: {
+        forceInitialFetch: true,
+      },
     })).toEqual(true);
   });
-  it('should return false if first render is true and defer is true', () => {
+
+  it('should return false if there are errors present', () => {
     expect(isLoading({
-      loading: false, data: undefined, numOfRenders: 1, options: { defer: true },
+      loading: false, options: { defer: false }, error: { }, refs: {},
     })).toEqual(false);
   });
-  it('should return false if all args are false', () => {
+
+  it('should return false if there is data present', () => {
     expect(isLoading({
-      loading: false, numOfRenders: 2, options: { defer: false },
+      loading: false, data: { }, numOfRenders: 2, options: { defer: false }, refs: {},
     })).toEqual(false);
   });
 });

packages/fetchye/src/queryHelpers.js

@@ -15,31 +15,28 @@
  */
 
 export const isLoading = ({
-  loading, data, numOfRenders, options,
+  loading, data, options, error, refs,
 }) => {
-  // If first render
-  if (numOfRenders === 1) {
-    // and defer is true
-    if (options.defer) {
-      // isLoading should be false
-      return false;
-    }
-    // and no data exists and presume loading state isn't present
-    if (!data) {
-      // isLoading should be true
-      return true;
-    }
-    // when we force fetch isLoading is always going to be true on first render
-    if (options.forceInitialFetch) {
-      // isLoading should be true
-      return true;
-    }
+  // if defer is true
+  if (options.defer) {
+    // isLoading should be false
+    return false;
   }
-  // If not on first render and loading from cache is true
+
+  // If loading from cache is true
   if (loading) {
     // isLoading should be true
     return true;
   }
+
+  // Here to mimic what happens in the useEffect
+  if (
+    (!data && !error)
+    || (refs.forceInitialFetch === true)
+  ) {
+    return true;
+  }
+
   // else isLoading should be false
   return false;
 };

packages/fetchye/src/useFetchye.js

@@ -88,8 +88,11 @@ const useFetchye = (
     isLoading: isLoading({
       loading: selectorState.current.loading,
       data: selectorState.current.data || options.initialData?.data,
-      numOfRenders: numOfRenders.current,
       options,
+      error: selectorState.current.error,
+      refs: {
+        forceInitialFetch: forceInitialFetch.current,
+      },
     }),
     error: passInitialData(
       {