@t8/react-pending 1.0.18 → 1.0.20

package/README.md

@@ -58,7 +58,9 @@ Objective: Track the pending state of the asynchronous action `fetchItems()` to
 
 [Live demo](https://codesandbox.io/p/sandbox/rrr9cl?file=%2Fsrc%2FItemList.tsx)
 
-🔹 In this example, the value returned from the async action, the `items` array, is stored in the component's local state, but it can be stored in any app state of the developer's choice without affecting how `usePendingState()` is used.
+🔹 To share the async action's pending state with multiple components we're using the string key parameter of `usePendingState(stateKey)`. This key can be used with `usePendingState(stateKey)` in other components to refer to the same pending state (as in the `Status` component above), so `stateKey` should be unique to the particular pending state.
+
+🔹 In the example above, the data returned from the async action is stored in the component's local state, but it can be stored in any app state of the developer's choice without affecting how the `usePendingState()` hook is used.
 
 ## Local pending state
 
@@ -96,7 +98,7 @@ Omit the custom string key parameter of `usePendingState()` to scope the pending
 
 🔹 This option allows the async action to reject explicitly, along with exposing `state.error` that goes by default.
 
-## Providing blank initial pending state
+## Providing blank initial pending state
 
 ```diff
 + import { PendingStateProvider } from "@t8/react-pending";
@@ -109,7 +111,7 @@ Omit the custom string key parameter of `usePendingState()` to scope the pending
 
 🔹 `<PendingStateProvider>` creates an isolated instance of initial shared action state. Prime use cases: tests, SSR. It isn't required with client-side rendering, but it can be used to separate action states of larger self-contained portions of a web app.
 
-## Providing custom initial pending state
+## Providing custom initial pending&nbsp;state
 
 ```diff
 + let initialState = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@t8/react-pending",
-  "version": "1.0.18",
+  "version": "1.0.20",
   "description": "Concise async action state tracking for React apps",
   "main": "dist/index.js",
   "type": "module",
@@ -40,6 +40,6 @@
     "typescript": "^5.9.3"
   },
   "dependencies": {
-    "@t8/react-store": "^1.0.27"
+    "@t8/react-store": "^1.0.30"
   }
 }