@t8/react-pending 1.1.0 → 1.1.2

package/dist/index.cjs

@@ -100,11 +100,15 @@ function usePendingState(store) {
     }));
     return value;
   }, [setState]);
-  return {
+  return (0, react.useMemo)(() => ({
     ...state,
     track,
     update: setState
-  };
+  }), [
+    state,
+    track,
+    setState
+  ]);
 }
 
 exports.PendingStateContext = PendingStateContext;

package/dist/index.mjs

@@ -100,11 +100,15 @@ function usePendingState(store) {
     }));
     return value;
   }, [setState]);
-  return {
+  return useMemo(() => ({
     ...state,
     track,
     update: setState
-  };
+  }), [
+    state,
+    track,
+    setState
+  ]);
 }
 
 export { PendingStateContext, PendingStateProvider, usePendingState };

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@t8/react-pending",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "Self-contained async action state management for React apps",
   "main": "./dist/index.cjs",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "type": "module",
   "scripts": {
-    "demo": "npx @t8/serve tests/async_status --spa -b src/index.tsx",
+    "demo": "npx @t8/serve tests/async_state --spa -b src/index.tsx",
     "preversion": "npx npm-run-all shape test",
     "shape": "npx codeshape",
     "test": "npx playwright test --project=chromium"

package/src/usePendingState.ts

@@ -143,9 +143,12 @@ export function usePendingState(
     [setState],
   );
 
-  return {
-    ...state,
-    track,
-    update: setState,
-  };
+  return useMemo(
+    () => ({
+      ...state,
+      track,
+      update: setState,
+    }),
+    [state, track, setState],
+  );
 }