feat: 0.3.25 onError is now passed a third argument, query which contains the joined rtk-query that has failed, allowing for use of the refetch method, etc.

Author: imp-dance

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ryfylke-react/rtk-query-loader",
-  "version": "0.3.22",
+  "version": "0.3.25",
   "description": "Lets you create loaders that contain multiple RTK queries.",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",

src/types.ts

@@ -95,7 +95,8 @@ export type CreateLoaderArgs<
   onLoading?: (props: P) => ReactElement;
   onError?: (
     props: P,
-    error: FetchBaseQueryError | SerializedError
+    error: FetchBaseQueryError | SerializedError,
+    joinedQuery: UseQueryResult<undefined>
   ) => ReactElement;
   onFetching?: (
     props: P,
@@ -113,7 +114,8 @@ export type Loader<
   onLoading?: (props: P) => ReactElement;
   onError?: (
     props: P,
-    error: SerializedError | FetchBaseQueryError
+    error: SerializedError | FetchBaseQueryError,
+    joinedQuery: UseQueryResult<undefined>
   ) => ReactElement;
   onFetching?: (
     props: P,

src/withLoader.tsx

@@ -25,9 +25,11 @@ export const withLoader = <
         onError={
           args.onError
             ? (error) =>
-                args.onError?.(props, error) ?? (
-                  <React.Fragment />
-                )
+                args.onError?.(
+                  props,
+                  error,
+                  query as Types.UseQueryResult<undefined>
+                ) ?? <React.Fragment />
             : undefined
         }
         onSuccess={(data) => Component(props, data)}