chore: Loaders with no queries now load immediately

Author: imp-dance

src/createLoader.ts

@@ -16,7 +16,10 @@ export const createUseLoader = <
       createUseLoaderArgs.deferredQueries?.(...args) ?? [];
     const aggregatedQuery = aggregateToQuery(createdQueries);
 
-    if (aggregatedQuery.isSuccess) {
+    if (
+      aggregatedQuery.isSuccess ||
+      createdQueries.length === 0
+    ) {
       const data = createUseLoaderArgs.transform
         ? createUseLoaderArgs.transform(
             createdQueries as unknown as Types.MakeDataRequired<QRU>,
@@ -26,6 +29,7 @@ export const createUseLoader = <
 
       return {
         ...aggregatedQuery,
+        isSuccess: true,
         data,
         currentData: data,
         originalArgs: args,

testing-app/src/tests.test.tsx

@@ -252,6 +252,36 @@ describe("withLoader", () => {
     );
   });
 
+  test("Can defer all queries", async () => {
+    const Component = withLoader(
+      (props, data) => {
+        if (data[0].isLoading) {
+          return <>Loading</>;
+        }
+        return <>{data[0].data?.name}</>;
+      },
+      createLoader({
+        deferredQueries: () =>
+          [useGetPokemonByNameQuery("charizard")] as const,
+        transform: (_, deferred) => deferred,
+      })
+    );
+    render(<Component />);
+    expect(screen.getByText("Loading")).toBeVisible();
+    await waitFor(() =>
+      expect(screen.getByText("charizard")).toBeVisible()
+    );
+  });
+
+  test("Loaders with no queries render immediately", () => {
+    const Component = withLoader(
+      () => <div>Success</div>,
+      createLoader({})
+    );
+    render(<Component />);
+    expect(screen.getByText("Success")).toBeVisible();
+  });
+
   describe(".extend()", () => {
     test("Can extend onLoading", async () => {
       render(<ExtendedLoaderComponent />);