synstate-preact-hooks 6.1.1 → 6.2.1

package/README.md

@@ -1,6 +1,6 @@
 # SynState Preact hooks
 
-synstate-preact-hooks re-exports all exports from synstate except for `createState`, `createReducer`, and `createBooleanState`, and exports modified versions of those creation functions.
+synstate-preact-hooks re-exports every function and type synstate exports except for `createState`, `createReducer`, and `createBooleanState`, and exports modified versions of those creation functions.
 
 The first element of the array returned by the `createState<T>` function provided by synstate-preact-hooks is changed from `InitializedObservable<T>` to a Preact hook `() => T`, and the `InitializedObservable<T>` has been moved to the `state` property in the object at index 2.
 

package/dist/synstate.d.mts

@@ -1,2 +1,3 @@
 export { attachIndex, audit, collectToArray, combine, combineLatest, counter, createAsyncChildObservable, createEventEmitter, createInitializedSyncChildObservable, createRootObservable, createScope, createSyncChildObservable, createValueEmitter, debounce, derive, distinctUntilChanged, empty, filter, flatMap, fromAbortablePromise, fromPromise, fromSubscribable, getCurrentScope, getKey, isChildObservable, isManagerObservable, isObservable, isRootObservable, just, keepEqualParts, map, mapOptional, mapResultErr, mapResultOk, mapTo, merge, mergeMap, onScopeDispose, pairwise, pluck, scan, skip, skipIfNoChange, skipUntil, skipWhile, source, switchMap, take, takeUntil, takeWhile, throttle, timer, untracked, unwrapOptional, unwrapResultErr, unwrapResultOk, withBuffered, withBufferedFrom, withCurrentValueFrom, withIndex, withInitialValue, withLatestFrom, zip, } from 'synstate';
+export type { AsyncChildObservable, AsyncChildObservableHooks, AsyncChildObservableTools, AuditOperatorObservable, ChildObservable, ChildObservableConfig, ChildObservableKind, CombineObservable, CombineObservableRefined, CounterObservable, DebounceOperatorObservable, DeriveObservable, DeriveObservableRefined, DropInitialValueOperator, FilterOperatorObservable, FromPromiseObservable, FromSubscribableObservable, InitializedAsyncChildObservable, InitializedChildObservableConfig, InitializedObservable, InitializedRootObservable, InitializedSourceObservable, InitializedSyncChildObservable, KeepEqualPartsOperatorObservable, KeepInitialValueOperator, ManagerObservable, ManagerObservableKind, MapOperatorObservable, MergeMapOperatorObservable, MergeObservable, MergeObservableRefined, NonEmptyUnknownList, Observable, ObservableBase, ObservableKind, ObservableValue, Operator, PairwiseOperatorObservable, RootObservable, RootObservableConfig, RootObservableTools, ScanOperatorObservable, Scope, SkipIfNoChangeOperatorObservable, SkipUntilOperatorObservable, SkipWhileOperatorObservable, SourceObservable, StateOptions, Subscribable, Subscriber, Subscription, SwitchMapOperatorObservable, SyncChildObservable, SyncChildObservableHooks, SyncChildObservableTools, TakeOperatorObservable, TakeUntilOperatorObservable, TakeWhileOperatorObservable, ThrottleOperatorObservable, TimerId, TimerObservable, TupleToQueueTuple, Unwrap, UpdateToken, WithBufferedFromOperatorObservable, WithCurrentValueFromOperatorObservable, WithInitialValueOperator, WithInitialValueOperatorObservable, Wrap, WrapInitialized, ZipObservable, ZipObservableRefined, } from 'synstate';
 //# sourceMappingURL=synstate.d.mts.map

package/dist/synstate.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"synstate.d.mts","sourceRoot":"","sources":["../src/synstate.mts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,KAAK,EACL,cAAc,EACd,OAAO,EACP,aAAa,EACb,OAAO,EACP,0BAA0B,EAC1B,kBAAkB,EAClB,oCAAoC,EACpC,oBAAoB,EACpB,WAAW,EACX,yBAAyB,EACzB,kBAAkB,EAClB,QAAQ,EACR,MAAM,EACN,oBAAoB,EACpB,KAAK,EACL,MAAM,EACN,OAAO,EACP,oBAAoB,EACpB,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,MAAM,EACN,iBAAiB,EACjB,mBAAmB,EACnB,YAAY,EACZ,gBAAgB,EAChB,IAAI,EACJ,cAAc,EACd,GAAG,EACH,WAAW,EACX,YAAY,EACZ,WAAW,EACX,KAAK,EACL,KAAK,EACL,QAAQ,EACR,cAAc,EACd,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,cAAc,EACd,SAAS,EACT,SAAS,EACT,MAAM,EACN,SAAS,EACT,IAAI,EACJ,SAAS,EACT,SAAS,EACT,QAAQ,EACR,KAAK,EACL,SAAS,EACT,cAAc,EACd,eAAe,EACf,cAAc,EACd,YAAY,EACZ,gBAAgB,EAChB,oBAAoB,EACpB,SAAS,EACT,gBAAgB,EAChB,cAAc,EACd,GAAG,GACJ,MAAM,UAAU,CAAC"}
+{"version":3,"file":"synstate.d.mts","sourceRoot":"","sources":["../src/synstate.mts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,KAAK,EACL,cAAc,EACd,OAAO,EACP,aAAa,EACb,OAAO,EACP,0BAA0B,EAC1B,kBAAkB,EAClB,oCAAoC,EACpC,oBAAoB,EACpB,WAAW,EACX,yBAAyB,EACzB,kBAAkB,EAClB,QAAQ,EACR,MAAM,EACN,oBAAoB,EACpB,KAAK,EACL,MAAM,EACN,OAAO,EACP,oBAAoB,EACpB,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,MAAM,EACN,iBAAiB,EACjB,mBAAmB,EACnB,YAAY,EACZ,gBAAgB,EAChB,IAAI,EACJ,cAAc,EACd,GAAG,EACH,WAAW,EACX,YAAY,EACZ,WAAW,EACX,KAAK,EACL,KAAK,EACL,QAAQ,EACR,cAAc,EACd,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,cAAc,EACd,SAAS,EACT,SAAS,EACT,MAAM,EACN,SAAS,EACT,IAAI,EACJ,SAAS,EACT,SAAS,EACT,QAAQ,EACR,KAAK,EACL,SAAS,EACT,cAAc,EACd,eAAe,EACf,cAAc,EACd,YAAY,EACZ,gBAAgB,EAChB,oBAAoB,EACpB,SAAS,EACT,gBAAgB,EAChB,cAAc,EACd,GAAG,GACJ,MAAM,UAAU,CAAC;AAElB,YAAY,EACV,oBAAoB,EACpB,yBAAyB,EACzB,yBAAyB,EACzB,uBAAuB,EACvB,eAAe,EACf,qBAAqB,EACrB,mBAAmB,EACnB,iBAAiB,EACjB,wBAAwB,EACxB,iBAAiB,EACjB,0BAA0B,EAC1B,gBAAgB,EAChB,uBAAuB,EACvB,wBAAwB,EACxB,wBAAwB,EACxB,qBAAqB,EACrB,0BAA0B,EAC1B,+BAA+B,EAC/B,gCAAgC,EAChC,qBAAqB,EACrB,yBAAyB,EACzB,2BAA2B,EAC3B,8BAA8B,EAC9B,gCAAgC,EAChC,wBAAwB,EACxB,iBAAiB,EACjB,qBAAqB,EACrB,qBAAqB,EACrB,0BAA0B,EAC1B,eAAe,EACf,sBAAsB,EACtB,mBAAmB,EACnB,UAAU,EACV,cAAc,EACd,cAAc,EACd,eAAe,EACf,QAAQ,EACR,0BAA0B,EAC1B,cAAc,EACd,oBAAoB,EACpB,mBAAmB,EACnB,sBAAsB,EACtB,KAAK,EACL,gCAAgC,EAChC,2BAA2B,EAC3B,2BAA2B,EAC3B,gBAAgB,EAChB,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,2BAA2B,EAC3B,mBAAmB,EACnB,wBAAwB,EACxB,wBAAwB,EACxB,sBAAsB,EACtB,2BAA2B,EAC3B,2BAA2B,EAC3B,0BAA0B,EAC1B,OAAO,EACP,eAAe,EACf,iBAAiB,EACjB,MAAM,EACN,WAAW,EACX,kCAAkC,EAClC,sCAAsC,EACtC,wBAAwB,EACxB,kCAAkC,EAClC,IAAI,EACJ,eAAe,EACf,aAAa,EACb,oBAAoB,GACrB,MAAM,UAAU,CAAC"}

package/dist/use-observable-effect.d.mts

@@ -1,3 +1,17 @@
 import type { Observable } from 'synstate';
+/**
+ * Subscribes `subscriptionFn` to `observable$` while the component is mounted,
+ * and unsubscribes when it unmounts.
+ *
+ * Each value is passed to the `subscriptionFn` of the latest render, so it sees
+ * the current props and state; a new function on every render does not
+ * re-subscribe. Passing a different Observable moves the subscription to it,
+ * so pass one that keeps its identity across renders (made outside the
+ * component, or memoized): one built during render is subscribed again, and an
+ * initialized one calls `subscriptionFn` again, on every render.
+ *
+ * @param observable$ The Observable to subscribe to.
+ * @param subscriptionFn Called with each value `observable$` emits.
+ */
 export declare const useObservableEffect: <A>(observable$: Observable<A>, subscriptionFn: (v: A) => void) => void;
 //# sourceMappingURL=use-observable-effect.d.mts.map

package/dist/use-observable-effect.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"use-observable-effect.d.mts","sourceRoot":"","sources":["../src/use-observable-effect.mts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAE3C,eAAO,MAAM,mBAAmB,GAAI,CAAC,eACtB,UAAU,CAAC,CAAC,CAAC,kBACV,CAAC,CAAC,EAAE,CAAC,KAAK,IAAI,KAC7B,IAQF,CAAC"}
+{"version":3,"file":"use-observable-effect.d.mts","sourceRoot":"","sources":["../src/use-observable-effect.mts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAE3C;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,mBAAmB,GAAI,CAAC,eACtB,UAAU,CAAC,CAAC,CAAC,kBACV,CAAC,CAAC,EAAE,CAAC,KAAK,IAAI,KAC7B,IAiBF,CAAC"}

package/dist/use-observable-effect.mjs

@@ -1,10 +1,31 @@
 import * as Preact from 'preact/hooks';
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 export const useObservableEffect = (observable$, subscriptionFn) => {
+    const mut_subscriptionFnRef = Preact.useRef(subscriptionFn);
+
+
+
+    mut_subscriptionFnRef.current = subscriptionFn;
     Preact.useEffect(() => {
-        const s = observable$.subscribe(subscriptionFn);
+        const s = observable$.subscribe((v) => {
+            mut_subscriptionFnRef.current(v);
+        });
         return () => {
             s.unsubscribe();
         };
-    }, []);
+    }, [observable$]);
 };
 //# sourceMappingURL=use-observable-effect.mjs.map

package/dist/use-observable-effect.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-observable-effect.mjs","sourceRoot":"","sources":["../src/use-observable-effect.mts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,cAAc,CAAC;AAGvC,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,WAA0B,EAC1B,cAA8B,EACxB,EAAE;IACR,MAAM,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,MAAM,CAAC,GAAG,WAAW,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;QAEhD,OAAO,GAAG,EAAE;YACV,CAAC,CAAC,WAAW,EAAE,CAAC;QAClB,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC,CAAC"}
+{"version":3,"file":"use-observable-effect.mjs","sourceRoot":"","sources":["../src/use-observable-effect.mts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,cAAc,CAAC;AAGvC;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,WAA0B,EAC1B,cAA8B,EACxB,EAAE;IACR,MAAM,qBAAqB,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;IAE5D,6EAA6E;IAC7E,6EAA6E;IAC7E,2EAA2E;IAC3E,qBAAqB,CAAC,OAAO,GAAG,cAAc,CAAC;IAE/C,MAAM,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,MAAM,CAAC,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE;YACpC,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QACnC,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACV,CAAC,CAAC,WAAW,EAAE,CAAC;QAClB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;AACpB,CAAC,CAAC"}

package/dist/use-value-as-observable.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"use-value-as-observable.d.mts","sourceRoot":"","sources":["../src/use-value-as-observable.mts"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,UAAU,EAEhB,MAAM,UAAU,CAAC;AAElB,eAAO,MAAM,oBAAoB,GAAI,CAAC,SAAU,CAAC,KAAG,UAAU,CAAC,CAAC,CA2B/D,CAAC"}
+{"version":3,"file":"use-value-as-observable.d.mts","sourceRoot":"","sources":["../src/use-value-as-observable.mts"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,UAAU,EAEhB,MAAM,UAAU,CAAC;AAElB,eAAO,MAAM,oBAAoB,GAAI,CAAC,SAAU,CAAC,KAAG,UAAU,CAAC,CAAC,CAwB/D,CAAC"}

package/dist/use-value-as-observable.mjs

@@ -8,12 +8,11 @@ export const useValueAsObservable = (input) => {
     () => () => {
         state.complete();
     }, []);
-    const setState = Preact.useCallback((nextState) => {
-        sourceObservable.next(nextState);
-        return nextState;
-    }, []);
     Preact.useEffect(() => {
-        setState(input);
+
+        if (!Object.is(state.getSnapshot().value, input)) {
+            sourceObservable.next(input);
+        }
     }, [input]);
     return state;
 };

package/dist/use-value-as-observable.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-value-as-observable.mjs","sourceRoot":"","sources":["../src/use-value-as-observable.mts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,cAAc,CAAC;AACvC,OAAO,EACL,MAAM,EACN,gBAAgB,GAGjB,MAAM,UAAU,CAAC;AAElB,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAK,KAAQ,EAAiB,EAAE;IAClE,MAAM,gBAAgB,GAAG,MAAM,CAAC,OAAO,CAAsB,MAAM,EAAE,EAAE,CAAC,CAAC;IAEzE,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAC1B,GAAG,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,EACpD,EAAE,CACH,CAAC;IAEF,MAAM,CAAC,SAAS;IACd,+DAA+D;IAC/D,GAAG,EAAE,CAAC,GAAG,EAAE;QACT,KAAK,CAAC,QAAQ,EAAE,CAAC;IACnB,CAAC,EACD,EAAE,CACH,CAAC;IAEF,MAAM,QAAQ,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,SAAY,EAAK,EAAE;QACtD,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAEjC,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,KAAK,CAAC;AACf,CAAC,CAAC"}
+{"version":3,"file":"use-value-as-observable.mjs","sourceRoot":"","sources":["../src/use-value-as-observable.mts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,cAAc,CAAC;AACvC,OAAO,EACL,MAAM,EACN,gBAAgB,GAGjB,MAAM,UAAU,CAAC;AAElB,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAK,KAAQ,EAAiB,EAAE;IAClE,MAAM,gBAAgB,GAAG,MAAM,CAAC,OAAO,CAAsB,MAAM,EAAE,EAAE,CAAC,CAAC;IAEzE,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAC1B,GAAG,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,EACpD,EAAE,CACH,CAAC;IAEF,MAAM,CAAC,SAAS;IACd,+DAA+D;IAC/D,GAAG,EAAE,CAAC,GAAG,EAAE;QACT,KAAK,CAAC,QAAQ,EAAE,CAAC;IACnB,CAAC,EACD,EAAE,CACH,CAAC;IAEF,MAAM,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,8DAA8D;QAC9D,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC;YACjD,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC/B,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,KAAK,CAAC;AACf,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "synstate-preact-hooks",
-  "version": "6.1.1",
+  "version": "6.2.1",
   "description": "Type-safe State Management Library for TypeScript/JavaScript",
   "repository": {
     "type": "git",
@@ -28,18 +28,18 @@
     "LICENSE"
   ],
   "dependencies": {
-    "synstate": "6.1.1",
-    "ts-data-forge": "^14.10.0",
+    "synstate": "6.2.1",
+    "ts-data-forge": "^14.10.2",
     "ts-type-forge": "^9.2.2"
   },
   "devDependencies": {
-    "@sumi-lang/cli": "0.1.3",
+    "@sumi-lang/cli": "0.1.5",
     "@testing-library/preact": "3.2.4",
     "@vitest/browser-playwright": "5.0.5",
-    "eslint-config-typed": "7.1.0",
-    "eslint-plugin-ts-data-forge": "0.10.5",
-    "eslint-plugin-ts-fortress": "1.3.10",
-    "eslint-plugin-ts-type-forge": "0.8.15",
+    "eslint-config-typed": "7.3.1",
+    "eslint-plugin-ts-data-forge": "0.10.8",
+    "eslint-plugin-ts-fortress": "1.3.12",
+    "eslint-plugin-ts-type-forge": "0.8.17",
     "playwright": "1.64.1",
     "preact": "10.29.8",
     "prettier": "3.9.10",

package/src/synstate.mts

@@ -63,3 +63,78 @@ export {
   withLatestFrom,
   zip,
 } from 'synstate';
+
+export type {
+  AsyncChildObservable,
+  AsyncChildObservableHooks,
+  AsyncChildObservableTools,
+  AuditOperatorObservable,
+  ChildObservable,
+  ChildObservableConfig,
+  ChildObservableKind,
+  CombineObservable,
+  CombineObservableRefined,
+  CounterObservable,
+  DebounceOperatorObservable,
+  DeriveObservable,
+  DeriveObservableRefined,
+  DropInitialValueOperator,
+  FilterOperatorObservable,
+  FromPromiseObservable,
+  FromSubscribableObservable,
+  InitializedAsyncChildObservable,
+  InitializedChildObservableConfig,
+  InitializedObservable,
+  InitializedRootObservable,
+  InitializedSourceObservable,
+  InitializedSyncChildObservable,
+  KeepEqualPartsOperatorObservable,
+  KeepInitialValueOperator,
+  ManagerObservable,
+  ManagerObservableKind,
+  MapOperatorObservable,
+  MergeMapOperatorObservable,
+  MergeObservable,
+  MergeObservableRefined,
+  NonEmptyUnknownList,
+  Observable,
+  ObservableBase,
+  ObservableKind,
+  ObservableValue,
+  Operator,
+  PairwiseOperatorObservable,
+  RootObservable,
+  RootObservableConfig,
+  RootObservableTools,
+  ScanOperatorObservable,
+  Scope,
+  SkipIfNoChangeOperatorObservable,
+  SkipUntilOperatorObservable,
+  SkipWhileOperatorObservable,
+  SourceObservable,
+  StateOptions,
+  Subscribable,
+  Subscriber,
+  Subscription,
+  SwitchMapOperatorObservable,
+  SyncChildObservable,
+  SyncChildObservableHooks,
+  SyncChildObservableTools,
+  TakeOperatorObservable,
+  TakeUntilOperatorObservable,
+  TakeWhileOperatorObservable,
+  ThrottleOperatorObservable,
+  TimerId,
+  TimerObservable,
+  TupleToQueueTuple,
+  Unwrap,
+  UpdateToken,
+  WithBufferedFromOperatorObservable,
+  WithCurrentValueFromOperatorObservable,
+  WithInitialValueOperator,
+  WithInitialValueOperatorObservable,
+  Wrap,
+  WrapInitialized,
+  ZipObservable,
+  ZipObservableRefined,
+} from 'synstate';

package/src/use-observable-effect.mts

@@ -1,15 +1,38 @@
 import * as Preact from 'preact/hooks';
 import type { Observable } from 'synstate';
 
+/**
+ * Subscribes `subscriptionFn` to `observable$` while the component is mounted,
+ * and unsubscribes when it unmounts.
+ *
+ * Each value is passed to the `subscriptionFn` of the latest render, so it sees
+ * the current props and state; a new function on every render does not
+ * re-subscribe. Passing a different Observable moves the subscription to it,
+ * so pass one that keeps its identity across renders (made outside the
+ * component, or memoized): one built during render is subscribed again, and an
+ * initialized one calls `subscriptionFn` again, on every render.
+ *
+ * @param observable$ The Observable to subscribe to.
+ * @param subscriptionFn Called with each value `observable$` emits.
+ */
 export const useObservableEffect = <A,>(
   observable$: Observable<A>,
   subscriptionFn: (v: A) => void,
 ): void => {
+  const mut_subscriptionFnRef = Preact.useRef(subscriptionFn);
+
+  // Stored as the component renders, before any effect of the commit can emit.
+  // Preact has no concurrent rendering; only a render that throws (to an error
+  // boundary, or to suspend) leaves its function here until the next render.
+  mut_subscriptionFnRef.current = subscriptionFn;
+
   Preact.useEffect(() => {
-    const s = observable$.subscribe(subscriptionFn);
+    const s = observable$.subscribe((v) => {
+      mut_subscriptionFnRef.current(v);
+    });
 
     return () => {
       s.unsubscribe();
     };
-  }, []);
+  }, [observable$]);
 };

package/src/use-value-as-observable.mts

@@ -22,14 +22,11 @@ export const useValueAsObservable = <A,>(input: A): Observable<A> => {
     [],
   );
 
-  const setState = Preact.useCallback((nextState: A): A => {
-    sourceObservable.next(nextState);
-
-    return nextState;
-  }, []);
-
   Preact.useEffect(() => {
-    setState(input);
+    // The observable already holds the value it was created with.
+    if (!Object.is(state.getSnapshot().value, input)) {
+      sourceObservable.next(input);
+    }
   }, [input]);
 
   return state;