@tanstack/redact 0.0.12 → 0.0.13

package/dist/dom/dispatcher.js

@@ -185,33 +185,69 @@ function makeDispatcherImpl() {
     useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
       const fiber = getCurrentFiber();
       const hook = nextHook();
+      const store = hook.queue ?? {
+        getSnapshot,
+        getServerSnapshot
+      };
+      hook.queue = store;
+      store.getSnapshot = getSnapshot;
+      store.getServerSnapshot = getServerSnapshot;
       const root = fiber.root ?? findRootFromFiber(fiber);
       const isHydrating = Boolean(root?.hydrating);
       const value = isHydrating && getServerSnapshot ? getServerSnapshot() : getSnapshot();
       hook.state = value;
-      if (hook.cleanup == null) {
-        const forceUpdate = () => {
-          let next;
-          try {
-            next = getSnapshot();
-          } catch {
-            scheduleUpdate(fiber);
-            return;
-          }
-          if (!Object.is(hook.state, next)) {
-            hook.state = next;
-            scheduleUpdate(fiber);
+      const deps = [subscribe];
+      if (hook.deps === void 0 || !depsEqual(hook.deps, deps)) {
+        hook.deps = deps;
+        const effect = {
+          tag: "layout",
+          deps,
+          destroy: void 0,
+          create: () => {
+            if (hook.cleanup) {
+              try {
+                hook.cleanup();
+              } catch {
+              }
+              if (fiber.cleanups) {
+                const i = fiber.cleanups.indexOf(hook.cleanup);
+                if (i >= 0) fiber.cleanups.splice(i, 1);
+              }
+              hook.cleanup = null;
+            }
+            let unsubscribed = false;
+            const cleanup = () => {
+              unsubscribed = true;
+              if (typeof unsubscribe === "function") {
+                unsubscribe();
+              }
+            };
+            const forceUpdate = () => {
+              if (unsubscribed || fiber.unmounted) {
+                return;
+              }
+              let next;
+              try {
+                next = store.getSnapshot();
+              } catch {
+                scheduleUpdate(fiber);
+                return;
+              }
+              if (!Object.is(hook.state, next)) {
+                hook.state = next;
+                scheduleUpdate(fiber);
+              }
+            };
+            const unsubscribe = subscribe(forceUpdate);
+            if (isHydrating && store.getServerSnapshot) {
+              queueMicrotask(() => queueMicrotask(forceUpdate));
+            }
+            forceUpdate();
+            hook.cleanup = cleanup;
+            return cleanup;
           }
         };
-        const unsubscribe = subscribe(forceUpdate);
-        hook.cleanup = unsubscribe;
-        if (typeof unsubscribe === "function") {
-          fiber.cleanups ||= [];
-          fiber.cleanups.push(unsubscribe);
-        }
-        if (isHydrating && getServerSnapshot) {
-          queueMicrotask(() => queueMicrotask(forceUpdate));
-        }
+        enqueueEffect(fiber, effect);
       }
       return value;
     },

package/dist/dom/dispatcher.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/dom/dispatcher.ts"],
-  "sourcesContent": ["import type { Hook, Fiber, FiberRoot, Effect } from '../core'\nimport { ReactSharedInternals, REACT_CONTEXT_TYPE } from '../react'\nimport { scheduleUpdate, enqueueEffect, readContext } from './reconcile'\n\nfunction getCurrentFiber(): Fiber {\n  const f = ReactSharedInternals.currentFiber\n  if (!f) throw new Error('Hook called outside a function component render.')\n  return f\n}\n\nfunction nextHook(): Hook {\n  const fiber = getCurrentFiber()\n  const idx = ReactSharedInternals.hookIndex++\n\n  let prev = ReactSharedInternals.currentHook\n\n  if (idx === 0) {\n    if (fiber.hooks) {\n      ReactSharedInternals.currentHook = fiber.hooks\n      return fiber.hooks\n    }\n    const h: Hook = { state: undefined, queue: undefined, deps: undefined, cleanup: undefined, next: null }\n    fiber.hooks = h\n    ReactSharedInternals.currentHook = h\n    return h\n  }\n\n  if (prev && prev.next) {\n    ReactSharedInternals.currentHook = prev.next\n    return prev.next\n  }\n\n  const h: Hook = { state: undefined, queue: undefined, deps: undefined, cleanup: undefined, next: null }\n  if (prev) prev.next = h\n  else fiber.hooks = h\n  ReactSharedInternals.currentHook = h\n  return h\n}\n\nfunction depsEqual(\n  a: ReadonlyArray<unknown> | undefined,\n  b: ReadonlyArray<unknown> | undefined,\n): boolean {\n  if (a === b) return true\n  if (!a || !b) return false\n  if (a.length !== b.length) return false\n  for (let i = 0; i < a.length; i++) {\n    if (!Object.is(a[i], b[i])) return false\n  }\n  return true\n}\n\n// Singleton \u2014 every method reads render context via ReactSharedInternals,\n// and per-hook closures live on the hook itself, so nothing is render-local\n// to capture. Allocating a fresh wrapper + 17 method closures per function-\n// component render was pure GC pressure.\nconst DISPATCHER = makeDispatcherImpl()\n\nexport function makeDispatcher() {\n  return DISPATCHER\n}\n\nfunction makeDispatcherImpl() {\n  return {\n    useState<S>(initial: S | (() => S)) {\n      return this.useReducer<S, S | ((p: S) => S)>(\n        basicReducer as any,\n        typeof initial === 'function' ? (initial as () => S)() : initial,\n      )\n    },\n\n    useReducer<S, A>(reducer: (s: S, a: A) => S, initialArg: any, init?: (a: any) => S) {\n      const hook = nextHook()\n      const fiber = getCurrentFiber()\n      if (hook.queue === undefined) {\n        hook.state = init ? init(initialArg) : initialArg\n        const queue: any = { reducer }\n        const dispatch = (action: A) => {\n          const currentState = hook.state as S\n          const next = queue.reducer(currentState, action)\n          if (!Object.is(next, currentState)) {\n            hook.state = next\n            scheduleUpdate(fiber)\n          }\n        }\n        queue.dispatch = dispatch\n        hook.queue = queue\n      } else {\n        hook.queue.reducer = reducer\n      }\n      return [hook.state, hook.queue.dispatch] as [S, (a: A) => void]\n    },\n\n    useEffect(create: () => any, deps?: ReadonlyArray<unknown>) {\n      const hook = nextHook()\n      const fiber = getCurrentFiber()\n      const prevDeps = hook.deps\n      if (prevDeps !== undefined && depsEqual(prevDeps, deps)) return\n      hook.deps = deps\n      const effect: Effect = {\n        tag: 'effect',\n        create: () => {\n          // Run the prior cleanup INSIDE the effect run, not during the\n          // dispatch/render phase. If render A \u2192 B \u2192 C all happen back-to-\n          // back before the passive microtask drains, dispatch-time cleanup\n          // only fires once (between A\u2192B) and effects B + C both run fresh,\n          // leaving two side-effects (e.g. two plot SVGs) in the DOM. Doing\n          // it here, at effect-run time, means every new create first tears\n          // down whatever cleanup is currently live on the hook.\n          if (hook.cleanup) {\n            try { hook.cleanup() } catch {}\n            // The prior cleanup was also pushed onto fiber.cleanups; remove\n            // it so unmount doesn't double-call it.\n            if (fiber.cleanups) {\n              const i = fiber.cleanups.indexOf(hook.cleanup)\n              if (i >= 0) fiber.cleanups.splice(i, 1)\n            }\n            hook.cleanup = null\n          }\n          const c = create()\n          hook.cleanup = typeof c === 'function' ? c : null\n          return hook.cleanup\n        },\n        destroy: undefined,\n        deps,\n      }\n      enqueueEffect(fiber, effect)\n    },\n\n    useLayoutEffect(create: () => any, deps?: ReadonlyArray<unknown>) {\n      const hook = nextHook()\n      const fiber = getCurrentFiber()\n      const prevDeps = hook.deps\n      if (prevDeps !== undefined && depsEqual(prevDeps, deps)) return\n      hook.deps = deps\n      const effect: Effect = {\n        tag: 'layout',\n        create: () => {\n          // Mirror useEffect: tear down the prior cleanup at run time so\n          // coalesced renders don't leak side-effects.\n          if (hook.cleanup) {\n            try { hook.cleanup() } catch {}\n            if (fiber.cleanups) {\n              const i = fiber.cleanups.indexOf(hook.cleanup)\n              if (i >= 0) fiber.cleanups.splice(i, 1)\n            }\n            hook.cleanup = null\n          }\n          const c = create()\n          hook.cleanup = typeof c === 'function' ? c : null\n          return hook.cleanup\n        },\n        destroy: undefined,\n        deps,\n      }\n      enqueueEffect(fiber, effect)\n    },\n\n    useInsertionEffect(create: () => any, deps?: ReadonlyArray<unknown>) {\n      return this.useLayoutEffect(create, deps)\n    },\n\n    useRef<T>(initial: T) {\n      const hook = nextHook()\n      if (hook.state === undefined) hook.state = { current: initial }\n      return hook.state as { current: T }\n    },\n\n    useMemo<T>(factory: () => T, deps?: ReadonlyArray<unknown>) {\n      const hook = nextHook()\n      if (hook.deps !== undefined && depsEqual(hook.deps, deps)) {\n        return hook.state as T\n      }\n      const value = factory()\n      hook.state = value\n      hook.deps = deps\n      return value\n    },\n\n    useCallback<T extends Function>(fn: T, deps?: ReadonlyArray<unknown>): T {\n      return this.useMemo(() => fn, deps) as T\n    },\n\n    useContext<T>(ctx: any): T {\n      const fiber = getCurrentFiber()\n      return readContext(fiber, ctx)\n    },\n\n    useImperativeHandle<T>(ref: any, factory: () => T, deps?: ReadonlyArray<unknown>) {\n      const hook = nextHook()\n      if (hook.deps !== undefined && depsEqual(hook.deps, deps)) return\n      hook.deps = deps\n      const value = factory()\n      if (ref) {\n        if (typeof ref === 'function') ref(value)\n        else ref.current = value\n      }\n    },\n\n    useDebugValue<T>(_value: T, _formatter?: (v: T) => any): void {\n      // noop\n    },\n\n    useId(): string {\n      const hook = nextHook()\n      if (hook.state === undefined) {\n        const fiber = getCurrentFiber()\n        const root = findRootFromFiber(fiber)\n        hook.state = (root?.identifierPrefix ?? ':r') + (idCounter++).toString(36)\n      }\n      return hook.state as string\n    },\n\n    useTransition(): [boolean, (fn: () => void) => void] {\n      return [false, (fn: () => void) => fn()]\n    },\n\n    useDeferredValue<T>(v: T): T {\n      return v\n    },\n\n    useSyncExternalStore<T>(\n      subscribe: (cb: () => void) => () => void,\n      getSnapshot: () => T,\n      getServerSnapshot?: () => T,\n    ): T {\n      const fiber = getCurrentFiber()\n      const hook = nextHook()\n\n      // During hydration, use the server snapshot (if provided) so the tree\n      // matches the SSR output. Components like TanStack Router's ClientOnly\n      // rely on this: they render `false` on server, `true` on client \u2014 and\n      // if we return `true` during hydration, client and server diverge and\n      // the tree mounts fresh next to the SSR fallback DOM.\n      const root = fiber.root ?? findRootFromFiber(fiber)\n      const isHydrating = Boolean(root?.hydrating)\n      const value =\n        isHydrating && getServerSnapshot ? getServerSnapshot() : getSnapshot()\n      hook.state = value\n\n      if (hook.cleanup == null) {\n        const forceUpdate = () => {\n          let next: T\n          try {\n            next = getSnapshot()\n          } catch {\n            scheduleUpdate(fiber)\n            return\n          }\n          if (!Object.is(hook.state, next)) {\n            hook.state = next\n            scheduleUpdate(fiber)\n          }\n        }\n        const unsubscribe = subscribe(forceUpdate)\n        hook.cleanup = unsubscribe\n        // Register with fiber so unmountFiber runs it. Without this, the store\n        // keeps holding forceUpdate and every store update schedules an already-\n        // unmounted fiber \u2014 its rerender walks stale .parent pointers and mounts\n        // zombie DOM into the old parent.\n        if (typeof unsubscribe === 'function') {\n          fiber.cleanups ||= []\n          fiber.cleanups.push(unsubscribe)\n        }\n\n        // If we served the server snapshot, run a post-hydration check so\n        // components like `useHydrated()` flip from false \u2192 true after the\n        // initial render commits. Queued late so hydration finishes first.\n        if (isHydrating && getServerSnapshot) {\n          queueMicrotask(() => queueMicrotask(forceUpdate))\n        }\n      }\n      return value\n    },\n\n    use<T>(resource: any): T {\n      if (resource == null) throw new Error('use() received null or undefined')\n      if (resource.$$typeof === REACT_CONTEXT_TYPE) {\n        return readContext(getCurrentFiber(), resource)\n      }\n      if (typeof resource.then === 'function') {\n        const thenable = resource\n        switch (thenable.status) {\n          case 'fulfilled':\n            return thenable.value\n          case 'rejected':\n            throw thenable.reason\n          default: {\n            if (thenable.status === undefined) {\n              thenable.status = 'pending'\n              thenable.then(\n                (v: any) => {\n                  if (thenable.status === 'pending') {\n                    thenable.status = 'fulfilled'\n                    thenable.value = v\n                  }\n                },\n                (e: any) => {\n                  if (thenable.status === 'pending') {\n                    thenable.status = 'rejected'\n                    thenable.reason = e\n                  }\n                },\n              )\n            }\n            throw thenable\n          }\n        }\n      }\n      throw new Error('use() expected a Promise or Context')\n    },\n  }\n}\n\nfunction basicReducer<S>(state: S, action: S | ((p: S) => S)): S {\n  return typeof action === 'function' ? (action as (p: S) => S)(state) : action\n}\n\nlet idCounter = 0\n\nfunction findRootFromFiber(fiber: Fiber): FiberRoot | null {\n  let f: Fiber | null = fiber\n  while (f) {\n    if (f.root) return f.root\n    f = f.parent\n  }\n  return null\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { Hook, Fiber, FiberRoot, Effect } from '../core'\nimport { ReactSharedInternals, REACT_CONTEXT_TYPE } from '../react'\nimport { scheduleUpdate, enqueueEffect, readContext } from './reconcile'\n\nfunction getCurrentFiber(): Fiber {\n  const f = ReactSharedInternals.currentFiber\n  if (!f) throw new Error('Hook called outside a function component render.')\n  return f\n}\n\nfunction nextHook(): Hook {\n  const fiber = getCurrentFiber()\n  const idx = ReactSharedInternals.hookIndex++\n\n  let prev = ReactSharedInternals.currentHook\n\n  if (idx === 0) {\n    if (fiber.hooks) {\n      ReactSharedInternals.currentHook = fiber.hooks\n      return fiber.hooks\n    }\n    const h: Hook = { state: undefined, queue: undefined, deps: undefined, cleanup: undefined, next: null }\n    fiber.hooks = h\n    ReactSharedInternals.currentHook = h\n    return h\n  }\n\n  if (prev && prev.next) {\n    ReactSharedInternals.currentHook = prev.next\n    return prev.next\n  }\n\n  const h: Hook = { state: undefined, queue: undefined, deps: undefined, cleanup: undefined, next: null }\n  if (prev) prev.next = h\n  else fiber.hooks = h\n  ReactSharedInternals.currentHook = h\n  return h\n}\n\nfunction depsEqual(\n  a: ReadonlyArray<unknown> | undefined,\n  b: ReadonlyArray<unknown> | undefined,\n): boolean {\n  if (a === b) return true\n  if (!a || !b) return false\n  if (a.length !== b.length) return false\n  for (let i = 0; i < a.length; i++) {\n    if (!Object.is(a[i], b[i])) return false\n  }\n  return true\n}\n\n// Singleton \u2014 every method reads render context via ReactSharedInternals,\n// and per-hook closures live on the hook itself, so nothing is render-local\n// to capture. Allocating a fresh wrapper + 17 method closures per function-\n// component render was pure GC pressure.\nconst DISPATCHER = makeDispatcherImpl()\n\nexport function makeDispatcher() {\n  return DISPATCHER\n}\n\nfunction makeDispatcherImpl() {\n  return {\n    useState<S>(initial: S | (() => S)) {\n      return this.useReducer<S, S | ((p: S) => S)>(\n        basicReducer as any,\n        typeof initial === 'function' ? (initial as () => S)() : initial,\n      )\n    },\n\n    useReducer<S, A>(reducer: (s: S, a: A) => S, initialArg: any, init?: (a: any) => S) {\n      const hook = nextHook()\n      const fiber = getCurrentFiber()\n      if (hook.queue === undefined) {\n        hook.state = init ? init(initialArg) : initialArg\n        const queue: any = { reducer }\n        const dispatch = (action: A) => {\n          const currentState = hook.state as S\n          const next = queue.reducer(currentState, action)\n          if (!Object.is(next, currentState)) {\n            hook.state = next\n            scheduleUpdate(fiber)\n          }\n        }\n        queue.dispatch = dispatch\n        hook.queue = queue\n      } else {\n        hook.queue.reducer = reducer\n      }\n      return [hook.state, hook.queue.dispatch] as [S, (a: A) => void]\n    },\n\n    useEffect(create: () => any, deps?: ReadonlyArray<unknown>) {\n      const hook = nextHook()\n      const fiber = getCurrentFiber()\n      const prevDeps = hook.deps\n      if (prevDeps !== undefined && depsEqual(prevDeps, deps)) return\n      hook.deps = deps\n      const effect: Effect = {\n        tag: 'effect',\n        create: () => {\n          // Run the prior cleanup INSIDE the effect run, not during the\n          // dispatch/render phase. If render A \u2192 B \u2192 C all happen back-to-\n          // back before the passive microtask drains, dispatch-time cleanup\n          // only fires once (between A\u2192B) and effects B + C both run fresh,\n          // leaving two side-effects (e.g. two plot SVGs) in the DOM. Doing\n          // it here, at effect-run time, means every new create first tears\n          // down whatever cleanup is currently live on the hook.\n          if (hook.cleanup) {\n            try { hook.cleanup() } catch {}\n            // The prior cleanup was also pushed onto fiber.cleanups; remove\n            // it so unmount doesn't double-call it.\n            if (fiber.cleanups) {\n              const i = fiber.cleanups.indexOf(hook.cleanup)\n              if (i >= 0) fiber.cleanups.splice(i, 1)\n            }\n            hook.cleanup = null\n          }\n          const c = create()\n          hook.cleanup = typeof c === 'function' ? c : null\n          return hook.cleanup\n        },\n        destroy: undefined,\n        deps,\n      }\n      enqueueEffect(fiber, effect)\n    },\n\n    useLayoutEffect(create: () => any, deps?: ReadonlyArray<unknown>) {\n      const hook = nextHook()\n      const fiber = getCurrentFiber()\n      const prevDeps = hook.deps\n      if (prevDeps !== undefined && depsEqual(prevDeps, deps)) return\n      hook.deps = deps\n      const effect: Effect = {\n        tag: 'layout',\n        create: () => {\n          // Mirror useEffect: tear down the prior cleanup at run time so\n          // coalesced renders don't leak side-effects.\n          if (hook.cleanup) {\n            try { hook.cleanup() } catch {}\n            if (fiber.cleanups) {\n              const i = fiber.cleanups.indexOf(hook.cleanup)\n              if (i >= 0) fiber.cleanups.splice(i, 1)\n            }\n            hook.cleanup = null\n          }\n          const c = create()\n          hook.cleanup = typeof c === 'function' ? c : null\n          return hook.cleanup\n        },\n        destroy: undefined,\n        deps,\n      }\n      enqueueEffect(fiber, effect)\n    },\n\n    useInsertionEffect(create: () => any, deps?: ReadonlyArray<unknown>) {\n      return this.useLayoutEffect(create, deps)\n    },\n\n    useRef<T>(initial: T) {\n      const hook = nextHook()\n      if (hook.state === undefined) hook.state = { current: initial }\n      return hook.state as { current: T }\n    },\n\n    useMemo<T>(factory: () => T, deps?: ReadonlyArray<unknown>) {\n      const hook = nextHook()\n      if (hook.deps !== undefined && depsEqual(hook.deps, deps)) {\n        return hook.state as T\n      }\n      const value = factory()\n      hook.state = value\n      hook.deps = deps\n      return value\n    },\n\n    useCallback<T extends Function>(fn: T, deps?: ReadonlyArray<unknown>): T {\n      return this.useMemo(() => fn, deps) as T\n    },\n\n    useContext<T>(ctx: any): T {\n      const fiber = getCurrentFiber()\n      return readContext(fiber, ctx)\n    },\n\n    useImperativeHandle<T>(ref: any, factory: () => T, deps?: ReadonlyArray<unknown>) {\n      const hook = nextHook()\n      if (hook.deps !== undefined && depsEqual(hook.deps, deps)) return\n      hook.deps = deps\n      const value = factory()\n      if (ref) {\n        if (typeof ref === 'function') ref(value)\n        else ref.current = value\n      }\n    },\n\n    useDebugValue<T>(_value: T, _formatter?: (v: T) => any): void {\n      // noop\n    },\n\n    useId(): string {\n      const hook = nextHook()\n      if (hook.state === undefined) {\n        const fiber = getCurrentFiber()\n        const root = findRootFromFiber(fiber)\n        hook.state = (root?.identifierPrefix ?? ':r') + (idCounter++).toString(36)\n      }\n      return hook.state as string\n    },\n\n    useTransition(): [boolean, (fn: () => void) => void] {\n      return [false, (fn: () => void) => fn()]\n    },\n\n    useDeferredValue<T>(v: T): T {\n      return v\n    },\n\n    useSyncExternalStore<T>(\n      subscribe: (cb: () => void) => () => void,\n      getSnapshot: () => T,\n      getServerSnapshot?: () => T,\n    ): T {\n      const fiber = getCurrentFiber()\n      const hook = nextHook()\n      const store: {\n        getSnapshot: () => T\n        getServerSnapshot: (() => T) | undefined\n      } = hook.queue ?? {\n        getSnapshot,\n        getServerSnapshot,\n      }\n      hook.queue = store\n      store.getSnapshot = getSnapshot\n      store.getServerSnapshot = getServerSnapshot\n\n      // During hydration, use the server snapshot (if provided) so the tree\n      // matches the SSR output. Components like TanStack Router's ClientOnly\n      // rely on this: they render `false` on server, `true` on client \u2014 and\n      // if we return `true` during hydration, client and server diverge and\n      // the tree mounts fresh next to the SSR fallback DOM.\n      const root = fiber.root ?? findRootFromFiber(fiber)\n      const isHydrating = Boolean(root?.hydrating)\n      const value =\n        isHydrating && getServerSnapshot ? getServerSnapshot() : getSnapshot()\n      hook.state = value\n\n      const deps = [subscribe]\n      if (hook.deps === undefined || !depsEqual(hook.deps, deps)) {\n        hook.deps = deps\n        const effect: Effect = {\n          tag: 'layout',\n          deps,\n          destroy: undefined,\n          create: () => {\n            if (hook.cleanup) {\n              try {\n                hook.cleanup()\n              } catch {\n                // ignore cleanup failures\n              }\n              if (fiber.cleanups) {\n                const i = fiber.cleanups.indexOf(hook.cleanup)\n                if (i >= 0) fiber.cleanups.splice(i, 1)\n              }\n              hook.cleanup = null\n            }\n\n            let unsubscribed = false\n            const cleanup = () => {\n              unsubscribed = true\n              if (typeof unsubscribe === 'function') {\n                unsubscribe()\n              }\n            }\n            const forceUpdate = () => {\n              if (unsubscribed || fiber.unmounted) {\n                return\n              }\n\n              let next: T\n              try {\n                next = store.getSnapshot()\n              } catch {\n                scheduleUpdate(fiber)\n                return\n              }\n\n              if (!Object.is(hook.state, next)) {\n                hook.state = next\n                scheduleUpdate(fiber)\n              }\n            }\n            const unsubscribe = subscribe(forceUpdate)\n\n            // If we served the server snapshot, run a post-hydration check so\n            // components like `useHydrated()` flip from false \u2192 true after the\n            // initial render commits. Queued late so hydration finishes first.\n            if (isHydrating && store.getServerSnapshot) {\n              queueMicrotask(() => queueMicrotask(forceUpdate))\n            }\n\n            forceUpdate()\n            hook.cleanup = cleanup\n            return cleanup\n          },\n        }\n        enqueueEffect(fiber, effect)\n      }\n      return value\n    },\n\n    use<T>(resource: any): T {\n      if (resource == null) throw new Error('use() received null or undefined')\n      if (resource.$$typeof === REACT_CONTEXT_TYPE) {\n        return readContext(getCurrentFiber(), resource)\n      }\n      if (typeof resource.then === 'function') {\n        const thenable = resource\n        switch (thenable.status) {\n          case 'fulfilled':\n            return thenable.value\n          case 'rejected':\n            throw thenable.reason\n          default: {\n            if (thenable.status === undefined) {\n              thenable.status = 'pending'\n              thenable.then(\n                (v: any) => {\n                  if (thenable.status === 'pending') {\n                    thenable.status = 'fulfilled'\n                    thenable.value = v\n                  }\n                },\n                (e: any) => {\n                  if (thenable.status === 'pending') {\n                    thenable.status = 'rejected'\n                    thenable.reason = e\n                  }\n                },\n              )\n            }\n            throw thenable\n          }\n        }\n      }\n      throw new Error('use() expected a Promise or Context')\n    },\n  }\n}\n\nfunction basicReducer<S>(state: S, action: S | ((p: S) => S)): S {\n  return typeof action === 'function' ? (action as (p: S) => S)(state) : action\n}\n\nlet idCounter = 0\n\nfunction findRootFromFiber(fiber: Fiber): FiberRoot | null {\n  let f: Fiber | null = fiber\n  while (f) {\n    if (f.root) return f.root\n    f = f.parent\n  }\n  return null\n}\n"],
+  "mappings": ";AACA,SAAS,sBAAsB,0BAA0B;AACzD,SAAS,gBAAgB,eAAe,mBAAmB;AAE3D,SAAS,kBAAyB;AAChC,QAAM,IAAI,qBAAqB;AAC/B,MAAI,CAAC,EAAG,OAAM,IAAI,MAAM,kDAAkD;AAC1E,SAAO;AACT;AAEA,SAAS,WAAiB;AACxB,QAAM,QAAQ,gBAAgB;AAC9B,QAAM,MAAM,qBAAqB;AAEjC,MAAI,OAAO,qBAAqB;AAEhC,MAAI,QAAQ,GAAG;AACb,QAAI,MAAM,OAAO;AACf,2BAAqB,cAAc,MAAM;AACzC,aAAO,MAAM;AAAA,IACf;AACA,UAAMA,KAAU,EAAE,OAAO,QAAW,OAAO,QAAW,MAAM,QAAW,SAAS,QAAW,MAAM,KAAK;AACtG,UAAM,QAAQA;AACd,yBAAqB,cAAcA;AACnC,WAAOA;AAAA,EACT;AAEA,MAAI,QAAQ,KAAK,MAAM;AACrB,yBAAqB,cAAc,KAAK;AACxC,WAAO,KAAK;AAAA,EACd;AAEA,QAAM,IAAU,EAAE,OAAO,QAAW,OAAO,QAAW,MAAM,QAAW,SAAS,QAAW,MAAM,KAAK;AACtG,MAAI,KAAM,MAAK,OAAO;AAAA,MACjB,OAAM,QAAQ;AACnB,uBAAqB,cAAc;AACnC,SAAO;AACT;AAEA,SAAS,UACP,GACA,GACS;AACT,MAAI,MAAM,EAAG,QAAO;AACpB,MAAI,CAAC,KAAK,CAAC,EAAG,QAAO;AACrB,MAAI,EAAE,WAAW,EAAE,OAAQ,QAAO;AAClC,WAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,KAAK;AACjC,QAAI,CAAC,OAAO,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,EAAG,QAAO;AAAA,EACrC;AACA,SAAO;AACT;AAMA,IAAM,aAAa,mBAAmB;AAE/B,SAAS,iBAAiB;AAC/B,SAAO;AACT;AAEA,SAAS,qBAAqB;AAC5B,SAAO;AAAA,IACL,SAAY,SAAwB;AAClC,aAAO,KAAK;AAAA,QACV;AAAA,QACA,OAAO,YAAY,aAAc,QAAoB,IAAI;AAAA,MAC3D;AAAA,IACF;AAAA,IAEA,WAAiB,SAA4B,YAAiB,MAAsB;AAClF,YAAM,OAAO,SAAS;AACtB,YAAM,QAAQ,gBAAgB;AAC9B,UAAI,KAAK,UAAU,QAAW;AAC5B,aAAK,QAAQ,OAAO,KAAK,UAAU,IAAI;AACvC,cAAM,QAAa,EAAE,QAAQ;AAC7B,cAAM,WAAW,CAAC,WAAc;AAC9B,gBAAM,eAAe,KAAK;AAC1B,gBAAM,OAAO,MAAM,QAAQ,cAAc,MAAM;AAC/C,cAAI,CAAC,OAAO,GAAG,MAAM,YAAY,GAAG;AAClC,iBAAK,QAAQ;AACb,2BAAe,KAAK;AAAA,UACtB;AAAA,QACF;AACA,cAAM,WAAW;AACjB,aAAK,QAAQ;AAAA,MACf,OAAO;AACL,aAAK,MAAM,UAAU;AAAA,MACvB;AACA,aAAO,CAAC,KAAK,OAAO,KAAK,MAAM,QAAQ;AAAA,IACzC;AAAA,IAEA,UAAU,QAAmB,MAA+B;AAC1D,YAAM,OAAO,SAAS;AACtB,YAAM,QAAQ,gBAAgB;AAC9B,YAAM,WAAW,KAAK;AACtB,UAAI,aAAa,UAAa,UAAU,UAAU,IAAI,EAAG;AACzD,WAAK,OAAO;AACZ,YAAM,SAAiB;AAAA,QACrB,KAAK;AAAA,QACL,QAAQ,MAAM;AAQZ,cAAI,KAAK,SAAS;AAChB,gBAAI;AAAE,mBAAK,QAAQ;AAAA,YAAE,QAAQ;AAAA,YAAC;AAG9B,gBAAI,MAAM,UAAU;AAClB,oBAAM,IAAI,MAAM,SAAS,QAAQ,KAAK,OAAO;AAC7C,kBAAI,KAAK,EAAG,OAAM,SAAS,OAAO,GAAG,CAAC;AAAA,YACxC;AACA,iBAAK,UAAU;AAAA,UACjB;AACA,gBAAM,IAAI,OAAO;AACjB,eAAK,UAAU,OAAO,MAAM,aAAa,IAAI;AAC7C,iBAAO,KAAK;AAAA,QACd;AAAA,QACA,SAAS;AAAA,QACT;AAAA,MACF;AACA,oBAAc,OAAO,MAAM;AAAA,IAC7B;AAAA,IAEA,gBAAgB,QAAmB,MAA+B;AAChE,YAAM,OAAO,SAAS;AACtB,YAAM,QAAQ,gBAAgB;AAC9B,YAAM,WAAW,KAAK;AACtB,UAAI,aAAa,UAAa,UAAU,UAAU,IAAI,EAAG;AACzD,WAAK,OAAO;AACZ,YAAM,SAAiB;AAAA,QACrB,KAAK;AAAA,QACL,QAAQ,MAAM;AAGZ,cAAI,KAAK,SAAS;AAChB,gBAAI;AAAE,mBAAK,QAAQ;AAAA,YAAE,QAAQ;AAAA,YAAC;AAC9B,gBAAI,MAAM,UAAU;AAClB,oBAAM,IAAI,MAAM,SAAS,QAAQ,KAAK,OAAO;AAC7C,kBAAI,KAAK,EAAG,OAAM,SAAS,OAAO,GAAG,CAAC;AAAA,YACxC;AACA,iBAAK,UAAU;AAAA,UACjB;AACA,gBAAM,IAAI,OAAO;AACjB,eAAK,UAAU,OAAO,MAAM,aAAa,IAAI;AAC7C,iBAAO,KAAK;AAAA,QACd;AAAA,QACA,SAAS;AAAA,QACT;AAAA,MACF;AACA,oBAAc,OAAO,MAAM;AAAA,IAC7B;AAAA,IAEA,mBAAmB,QAAmB,MAA+B;AACnE,aAAO,KAAK,gBAAgB,QAAQ,IAAI;AAAA,IAC1C;AAAA,IAEA,OAAU,SAAY;AACpB,YAAM,OAAO,SAAS;AACtB,UAAI,KAAK,UAAU,OAAW,MAAK,QAAQ,EAAE,SAAS,QAAQ;AAC9D,aAAO,KAAK;AAAA,IACd;AAAA,IAEA,QAAW,SAAkB,MAA+B;AAC1D,YAAM,OAAO,SAAS;AACtB,UAAI,KAAK,SAAS,UAAa,UAAU,KAAK,MAAM,IAAI,GAAG;AACzD,eAAO,KAAK;AAAA,MACd;AACA,YAAM,QAAQ,QAAQ;AACtB,WAAK,QAAQ;AACb,WAAK,OAAO;AACZ,aAAO;AAAA,IACT;AAAA,IAEA,YAAgC,IAAO,MAAkC;AACvE,aAAO,KAAK,QAAQ,MAAM,IAAI,IAAI;AAAA,IACpC;AAAA,IAEA,WAAc,KAAa;AACzB,YAAM,QAAQ,gBAAgB;AAC9B,aAAO,YAAY,OAAO,GAAG;AAAA,IAC/B;AAAA,IAEA,oBAAuB,KAAU,SAAkB,MAA+B;AAChF,YAAM,OAAO,SAAS;AACtB,UAAI,KAAK,SAAS,UAAa,UAAU,KAAK,MAAM,IAAI,EAAG;AAC3D,WAAK,OAAO;AACZ,YAAM,QAAQ,QAAQ;AACtB,UAAI,KAAK;AACP,YAAI,OAAO,QAAQ,WAAY,KAAI,KAAK;AAAA,YACnC,KAAI,UAAU;AAAA,MACrB;AAAA,IACF;AAAA,IAEA,cAAiB,QAAW,YAAkC;AAAA,IAE9D;AAAA,IAEA,QAAgB;AACd,YAAM,OAAO,SAAS;AACtB,UAAI,KAAK,UAAU,QAAW;AAC5B,cAAM,QAAQ,gBAAgB;AAC9B,cAAM,OAAO,kBAAkB,KAAK;AACpC,aAAK,SAAS,MAAM,oBAAoB,SAAS,aAAa,SAAS,EAAE;AAAA,MAC3E;AACA,aAAO,KAAK;AAAA,IACd;AAAA,IAEA,gBAAqD;AACnD,aAAO,CAAC,OAAO,CAAC,OAAmB,GAAG,CAAC;AAAA,IACzC;AAAA,IAEA,iBAAoB,GAAS;AAC3B,aAAO;AAAA,IACT;AAAA,IAEA,qBACE,WACA,aACA,mBACG;AACH,YAAM,QAAQ,gBAAgB;AAC9B,YAAM,OAAO,SAAS;AACtB,YAAM,QAGF,KAAK,SAAS;AAAA,QAChB;AAAA,QACA;AAAA,MACF;AACA,WAAK,QAAQ;AACb,YAAM,cAAc;AACpB,YAAM,oBAAoB;AAO1B,YAAM,OAAO,MAAM,QAAQ,kBAAkB,KAAK;AAClD,YAAM,cAAc,QAAQ,MAAM,SAAS;AAC3C,YAAM,QACJ,eAAe,oBAAoB,kBAAkB,IAAI,YAAY;AACvE,WAAK,QAAQ;AAEb,YAAM,OAAO,CAAC,SAAS;AACvB,UAAI,KAAK,SAAS,UAAa,CAAC,UAAU,KAAK,MAAM,IAAI,GAAG;AAC1D,aAAK,OAAO;AACZ,cAAM,SAAiB;AAAA,UACrB,KAAK;AAAA,UACL;AAAA,UACA,SAAS;AAAA,UACT,QAAQ,MAAM;AACZ,gBAAI,KAAK,SAAS;AAChB,kBAAI;AACF,qBAAK,QAAQ;AAAA,cACf,QAAQ;AAAA,cAER;AACA,kBAAI,MAAM,UAAU;AAClB,sBAAM,IAAI,MAAM,SAAS,QAAQ,KAAK,OAAO;AAC7C,oBAAI,KAAK,EAAG,OAAM,SAAS,OAAO,GAAG,CAAC;AAAA,cACxC;AACA,mBAAK,UAAU;AAAA,YACjB;AAEA,gBAAI,eAAe;AACnB,kBAAM,UAAU,MAAM;AACpB,6BAAe;AACf,kBAAI,OAAO,gBAAgB,YAAY;AACrC,4BAAY;AAAA,cACd;AAAA,YACF;AACA,kBAAM,cAAc,MAAM;AACxB,kBAAI,gBAAgB,MAAM,WAAW;AACnC;AAAA,cACF;AAEA,kBAAI;AACJ,kBAAI;AACF,uBAAO,MAAM,YAAY;AAAA,cAC3B,QAAQ;AACN,+BAAe,KAAK;AACpB;AAAA,cACF;AAEA,kBAAI,CAAC,OAAO,GAAG,KAAK,OAAO,IAAI,GAAG;AAChC,qBAAK,QAAQ;AACb,+BAAe,KAAK;AAAA,cACtB;AAAA,YACF;AACA,kBAAM,cAAc,UAAU,WAAW;AAKzC,gBAAI,eAAe,MAAM,mBAAmB;AAC1C,6BAAe,MAAM,eAAe,WAAW,CAAC;AAAA,YAClD;AAEA,wBAAY;AACZ,iBAAK,UAAU;AACf,mBAAO;AAAA,UACT;AAAA,QACF;AACA,sBAAc,OAAO,MAAM;AAAA,MAC7B;AACA,aAAO;AAAA,IACT;AAAA,IAEA,IAAO,UAAkB;AACvB,UAAI,YAAY,KAAM,OAAM,IAAI,MAAM,kCAAkC;AACxE,UAAI,SAAS,aAAa,oBAAoB;AAC5C,eAAO,YAAY,gBAAgB,GAAG,QAAQ;AAAA,MAChD;AACA,UAAI,OAAO,SAAS,SAAS,YAAY;AACvC,cAAM,WAAW;AACjB,gBAAQ,SAAS,QAAQ;AAAA,UACvB,KAAK;AACH,mBAAO,SAAS;AAAA,UAClB,KAAK;AACH,kBAAM,SAAS;AAAA,UACjB,SAAS;AACP,gBAAI,SAAS,WAAW,QAAW;AACjC,uBAAS,SAAS;AAClB,uBAAS;AAAA,gBACP,CAAC,MAAW;AACV,sBAAI,SAAS,WAAW,WAAW;AACjC,6BAAS,SAAS;AAClB,6BAAS,QAAQ;AAAA,kBACnB;AAAA,gBACF;AAAA,gBACA,CAAC,MAAW;AACV,sBAAI,SAAS,WAAW,WAAW;AACjC,6BAAS,SAAS;AAClB,6BAAS,SAAS;AAAA,kBACpB;AAAA,gBACF;AAAA,cACF;AAAA,YACF;AACA,kBAAM;AAAA,UACR;AAAA,QACF;AAAA,MACF;AACA,YAAM,IAAI,MAAM,qCAAqC;AAAA,IACvD;AAAA,EACF;AACF;AAEA,SAAS,aAAgB,OAAU,QAA8B;AAC/D,SAAO,OAAO,WAAW,aAAc,OAAuB,KAAK,IAAI;AACzE;AAEA,IAAI,YAAY;AAEhB,SAAS,kBAAkB,OAAgC;AACzD,MAAI,IAAkB;AACtB,SAAO,GAAG;AACR,QAAI,EAAE,KAAM,QAAO,EAAE;AACrB,QAAI,EAAE;AAAA,EACR;AACA,SAAO;AACT;",
   "names": ["h"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/redact",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "description": "React, redacted. A minimal React-API-compatible drop-in replacement.",
   "type": "module",
   "main": "./dist/react/index.js",
@@ -78,10 +78,10 @@
       "optional": true
     }
   },
-  "scripts": {
-    "build": "echo done-by-root-build"
-  },
   "publishConfig": {
     "access": "public"
+  },
+  "scripts": {
+    "build": "echo done-by-root-build"
   }
-}
+}

package/src/dom/dispatcher.ts

@@ -226,6 +226,16 @@ function makeDispatcherImpl() {
     ): T {
       const fiber = getCurrentFiber()
       const hook = nextHook()
+      const store: {
+        getSnapshot: () => T
+        getServerSnapshot: (() => T) | undefined
+      } = hook.queue ?? {
+        getSnapshot,
+        getServerSnapshot,
+      }
+      hook.queue = store
+      store.getSnapshot = getSnapshot
+      store.getServerSnapshot = getServerSnapshot
 
       // During hydration, use the server snapshot (if provided) so the tree
       // matches the SSR output. Components like TanStack Router's ClientOnly
@@ -238,37 +248,67 @@ function makeDispatcherImpl() {
         isHydrating && getServerSnapshot ? getServerSnapshot() : getSnapshot()
       hook.state = value
 
-      if (hook.cleanup == null) {
-        const forceUpdate = () => {
-          let next: T
-          try {
-            next = getSnapshot()
-          } catch {
-            scheduleUpdate(fiber)
-            return
-          }
-          if (!Object.is(hook.state, next)) {
-            hook.state = next
-            scheduleUpdate(fiber)
-          }
-        }
-        const unsubscribe = subscribe(forceUpdate)
-        hook.cleanup = unsubscribe
-        // Register with fiber so unmountFiber runs it. Without this, the store
-        // keeps holding forceUpdate and every store update schedules an already-
-        // unmounted fiber — its rerender walks stale .parent pointers and mounts
-        // zombie DOM into the old parent.
-        if (typeof unsubscribe === 'function') {
-          fiber.cleanups ||= []
-          fiber.cleanups.push(unsubscribe)
-        }
+      const deps = [subscribe]
+      if (hook.deps === undefined || !depsEqual(hook.deps, deps)) {
+        hook.deps = deps
+        const effect: Effect = {
+          tag: 'layout',
+          deps,
+          destroy: undefined,
+          create: () => {
+            if (hook.cleanup) {
+              try {
+                hook.cleanup()
+              } catch {
+                // ignore cleanup failures
+              }
+              if (fiber.cleanups) {
+                const i = fiber.cleanups.indexOf(hook.cleanup)
+                if (i >= 0) fiber.cleanups.splice(i, 1)
+              }
+              hook.cleanup = null
+            }
+
+            let unsubscribed = false
+            const cleanup = () => {
+              unsubscribed = true
+              if (typeof unsubscribe === 'function') {
+                unsubscribe()
+              }
+            }
+            const forceUpdate = () => {
+              if (unsubscribed || fiber.unmounted) {
+                return
+              }
+
+              let next: T
+              try {
+                next = store.getSnapshot()
+              } catch {
+                scheduleUpdate(fiber)
+                return
+              }
+
+              if (!Object.is(hook.state, next)) {
+                hook.state = next
+                scheduleUpdate(fiber)
+              }
+            }
+            const unsubscribe = subscribe(forceUpdate)
+
+            // If we served the server snapshot, run a post-hydration check so
+            // components like `useHydrated()` flip from false → true after the
+            // initial render commits. Queued late so hydration finishes first.
+            if (isHydrating && store.getServerSnapshot) {
+              queueMicrotask(() => queueMicrotask(forceUpdate))
+            }
 
-        // If we served the server snapshot, run a post-hydration check so
-        // components like `useHydrated()` flip from false → true after the
-        // initial render commits. Queued late so hydration finishes first.
-        if (isHydrating && getServerSnapshot) {
-          queueMicrotask(() => queueMicrotask(forceUpdate))
+            forceUpdate()
+            hook.cleanup = cleanup
+            return cleanup
+          },
         }
+        enqueueEffect(fiber, effect)
       }
       return value
     },