aidbox-react - npm Package Compare versions

Comparing version 1.4.0 to 1.5.0

lib/hooks/service.js

@@ -71,20 +71,20 @@ "use strict";
     }, tslib_1.__spreadArrays(deps, [reloadsCount, load]));
-    return [
-        remoteData,
-        {
-            reload: reload,
-            reloadAsync: reloadAsync,
-            softReloadAsync: softReloadAsync,
-            set: function (dataOrFn) {
-                if (typeof dataOrFn === 'function') {
-                    setRemoteData(function (rd) { return (remoteData_1.isSuccess(rd) ? remoteData_1.success(dataOrFn(rd.data)) : rd); });
-                }
-                else {
-                    setRemoteData(remoteData_1.success(dataOrFn));
-                }
-            },
-        },
-    ];
+    var set = react_1.useCallback(function (dataOrFn) {
+        if (typeof dataOrFn === 'function') {
+            setRemoteData(function (rd) { return (remoteData_1.isSuccess(rd) ? remoteData_1.success(dataOrFn(rd.data)) : rd); });
+        }
+        else {
+            setRemoteData(remoteData_1.success(dataOrFn));
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, deps);
+    var manager = react_1.useMemo(function () { return ({
+        reload: reload,
+        reloadAsync: reloadAsync,
+        softReloadAsync: softReloadAsync,
+        set: set,
+    }); }, [reload, reloadAsync, softReloadAsync, set]);
+    return [remoteData, manager];
 }
 exports.useService = useService;
 //# sourceMappingURL=service.js.map

package.json

 {
     "name": "aidbox-react",
-    "version": "1.4.0",
+    "version": "1.5.0",
     "scripts": {
@@ -5,0 +5,0 @@ "build": "tsc",

src/hooks/service.ts

@@ -1,2 +0,2 @@
-import { useEffect, useState, useCallback } from 'react';
+import { useEffect, useState, useCallback, useMemo } from 'react';
 
@@ -58,17 +58,22 @@ import { loading, notAsked, RemoteData, RemoteDataResult, success, failure, isSuccess } from '../libs/remoteData';
 
-    return [
-        remoteData,
-        {
+    const set = useCallback((dataOrFn: S | ((data: S) => S)) => {
+        if (typeof dataOrFn === 'function') {
+            setRemoteData((rd) => (isSuccess(rd) ? success((dataOrFn as (data: S) => S)(rd.data)) : rd));
+        } else {
+            setRemoteData(success(dataOrFn));
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, deps);
+
+    const manager = useMemo(
+        () => ({
             reload,
             reloadAsync,
             softReloadAsync,
-            set: (dataOrFn: S | ((data: S) => S)) => {
-                if (typeof dataOrFn === 'function') {
-                    setRemoteData((rd) => (isSuccess(rd) ? success((dataOrFn as (data: S) => S)(rd.data)) : rd));
-                } else {
-                    setRemoteData(success(dataOrFn));
-                }
-            },
-        },
-    ];
+            set,
+        }),
+        [reload, reloadAsync, softReloadAsync, set]
+    );
+
+    return [remoteData, manager];
 }

No alert changes

Improved metrics

Total package byte prevSize

161854

0.6%

Number of package files

68

1.49%

Lines of code

2826

0.11%

No dependency changes