@storve/react 1.0.2 → 1.0.3

package/README.md

@@ -1014,22 +1014,6 @@ counterStore.increment()
 
 ---
 
-## Roadmap
-
-| Version | Theme | Status |
-|---|---|---|
-| v0.1–v0.3 | Core store, React adapter, Immer, Actions | ✅ Shipped |
-| v0.4 | Async state — createAsync, TTL, SWR, optimistic | ✅ Shipped |
-| v0.5 | Computed values + Signals | ✅ Shipped |
-| v0.6 | DevTools — Time-travel, Undo/Redo, Snapshots | ✅ Shipped |
-| v0.7 | Cross-tab sync via BroadcastChannel | ✅ Shipped |
-| v1.0 | Stable API, polished README, StackBlitz demo | ✅ Shipped |
-| v1.1 | Purpose-built DevTools browser extension | 📋 Planned |
-| v1.2 | Full docs site (Docusaurus) | 📋 Planned |
-| v1.3 | Middleware system | 📋 Planned |
-
----
-
 ## License
 
 MIT © 2026 Storve

package/package.json

@@ -4,7 +4,11 @@
         "type": "git",
         "url": "https://github.com/Nam1001/React-Flux.git"
     },
-    "version": "1.0.2",
+    "version": "1.0.3",
+    "files": [
+        "dist",
+        "README.md"
+    ],
     "main": "dist/index.cjs",
     "module": "dist/index.mjs",
     "types": "dist/index.d.ts",
@@ -17,6 +21,7 @@
     },
     "scripts": {
         "build": "rollup -c",
+        "prepack": "rm -f dist/index.cjs.js dist/index.cjs.js.map dist/index.esm.js dist/index.esm.js.map",
         "test": "vitest run --coverage && npx tsx benchmarks/week3.ts",
         "test:watch": "vitest --coverage",
         "test:coverage": "vitest run --coverage",
@@ -41,4 +46,4 @@
         "tsx": "^4.21.0",
         "vitest": "^2.1.0"
     }
-}
+}

package/benchmarks/week3.ts

@@ -1,102 +0,0 @@
-import { performance } from 'perf_hooks'
-import { createStore } from '@storve/core'
-
-type BenchmarkResult = {
-  operation: string
-  averageMs: string
-  status: string
-}
-
-function bench(label: string, fn: () => void, iterations = 100_000): BenchmarkResult {
-  for (let i = 0; i < 1000; i++) fn()
-
-  const start = performance.now()
-  for (let i = 0; i < iterations; i++) fn()
-  const avg = (performance.now() - start) / iterations
-
-  const limits: Record<string, number> = {
-    'useStore() subscription setup':     0.5,
-    'useStore() subscription cleanup':   0.5,
-    'selector execution (primitive)':    0.1,
-    'selector execution (derived)':      0.1,
-    'setState() write + notify (10 subs)': 1,
-  }
-
-  const limit = limits[label] ?? 1
-  const status = avg <= limit ? '✅ PASS' : '❌ FAIL'
-  return { operation: label, averageMs: avg.toFixed(8) + 'ms', status }
-}
-
-function runBenchmarks(): void {
-  console.log('\n⚡ Storve React Adapter — Benchmark Results\n')
-
-  const results: BenchmarkResult[] = []
-
-  // 1. Subscription setup
-  const store1 = createStore({ count: 0 })
-  results.push(bench('useStore() subscription setup', () => {
-    const unsub = store1.subscribe(() => {})
-    unsub()
-  }))
-
-  // 2. Subscription cleanup
-  const store2 = createStore({ count: 0 })
-  const unsubs: Array<() => void> = []
-  results.push(bench('useStore() subscription cleanup', () => {
-    const unsub = store2.subscribe(() => {})
-    unsubs.push(unsub)
-    unsubs.pop()?.()
-  }))
-
-  // 3. Selector execution primitive
-  const store3 = createStore({ count: 42, name: 'test' })
-  results.push(bench('selector execution (primitive)', () => {
-    const state = store3.getState()
-    void state.count
-  }))
-
-  // 4. Selector execution derived
-  const store4 = createStore({ a: 10, b: 20 })
-  results.push(bench('selector execution (derived)', () => {
-    const state = store4.getState()
-    void (state.a + state.b)
-  }))
-
-  // 5. setState + notify
-  const store5 = createStore({ count: 0 })
-  for (let i = 0; i < 10; i++) store5.subscribe(() => {})
-  let c = 0
-  results.push(bench('setState() write + notify (10 subs)', () => {
-    store5.setState({ count: c++ })
-  }, 10_000))
-
-  const colWidths = { operation: 45, averageMs: 20, status: 10 }
-  const header =
-    'Operation'.padEnd(colWidths.operation) +
-    'Average Time'.padEnd(colWidths.averageMs) +
-    'Status'
-  const divider = '-'.repeat(header.length)
-
-  console.log(header)
-  console.log(divider)
-
-  let allPassed = true
-  for (const r of results) {
-    if (r.status.includes('FAIL')) allPassed = false
-    console.log(
-      r.operation.padEnd(colWidths.operation) +
-      r.averageMs.padEnd(colWidths.averageMs) +
-      r.status
-    )
-  }
-
-  console.log(divider)
-  console.log(allPassed
-    ? '\n✅ All benchmarks passed!\n'
-    : '\n❌ Some benchmarks failed!\n'
-  )
-
-  if (!allPassed) process.exit(1)
-}
-
-runBenchmarks()

package/coverage/coverage-summary.json

@@ -1,5 +0,0 @@
-{"total": {"lines":{"total":89,"covered":89,"skipped":0,"pct":100},"statements":{"total":89,"covered":89,"skipped":0,"pct":100},"functions":{"total":3,"covered":3,"skipped":0,"pct":100},"branches":{"total":42,"covered":37,"skipped":0,"pct":88.09},"branchesTrue":{"total":0,"covered":0,"skipped":0,"pct":"Unknown"}}
-,"/Users/dipanshusrivastava/Desktop/React Flux/packages/storve-react/src/index.ts": {"lines":{"total":1,"covered":1,"skipped":0,"pct":100},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":1,"covered":1,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
-,"/Users/dipanshusrivastava/Desktop/React Flux/packages/storve-react/src/useDevtools.ts": {"lines":{"total":21,"covered":21,"skipped":0,"pct":100},"functions":{"total":1,"covered":1,"skipped":0,"pct":100},"statements":{"total":21,"covered":21,"skipped":0,"pct":100},"branches":{"total":8,"covered":3,"skipped":0,"pct":37.5}}
-,"/Users/dipanshusrivastava/Desktop/React Flux/packages/storve-react/src/useStore.ts": {"lines":{"total":67,"covered":67,"skipped":0,"pct":100},"functions":{"total":2,"covered":2,"skipped":0,"pct":100},"statements":{"total":67,"covered":67,"skipped":0,"pct":100},"branches":{"total":34,"covered":34,"skipped":0,"pct":100}}
-}

package/dist/index.cjs.js

@@ -1,9 +0,0 @@
-'use strict';
-
-// useStore hook goes here
-function useStore() {
-    return {};
-}
-
-exports.useStore = useStore;
-//# sourceMappingURL=index.cjs.js.map

package/dist/index.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs.js","sources":["../src/useStore.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAAA;SAEgB,QAAQ,GAAA;AACpB,IAAA,OAAO,EAAE;AACb;;;;"}

package/dist/index.esm.js

@@ -1,7 +0,0 @@
-// useStore hook goes here
-function useStore() {
-    return {};
-}
-
-export { useStore };
-//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.esm.js","sources":["../src/useStore.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;SAEgB,QAAQ,GAAA;AACpB,IAAA,OAAO,EAAE;AACb;;;;"}

package/rollup.config.mjs

@@ -1,25 +0,0 @@
-import typescript from '@rollup/plugin-typescript';
-
-export default {
-    input: 'src/index.ts',
-    external: ['react', '@storve/core'],
-    output: [
-        {
-            file: 'dist/index.cjs',
-            format: 'cjs',
-            sourcemap: true,
-        },
-        {
-            file: 'dist/index.mjs',
-            format: 'es',
-            sourcemap: true,
-        },
-    ],
-    plugins: [
-        typescript({
-            tsconfig: './tsconfig.json',
-            declaration: true,
-            declarationDir: 'dist',
-        }),
-    ],
-};

package/src/index.ts

@@ -1,4 +0,0 @@
-export * from './types'
-export { useStore } from './useStore'
-export { useDevtools } from './useDevtools'
-export type { Selector } from './types'

package/src/types.ts

@@ -1,16 +0,0 @@
-import type { Store, StoreState, StoreActions } from '@storve/core'
-
-/**
- * Selector function — derives a value from store state
- */
-export type Selector<D extends object, S> = (state: StoreState<D>) => S
-
-/**
- * Overloaded useStore hook type
- */
-export type UseStoreResult<D extends object, S = StoreState<D>> = S & StoreActions<D>
-
-export type UseStore = {
-    <D extends object>(store: Store<D>): UseStoreResult<D>
-    <D extends object, S>(store: Store<D>, selector: Selector<D, S>): UseStoreResult<D, S>
-}

package/src/useDevtools.ts

@@ -1,74 +0,0 @@
-import { useSyncExternalStore, useCallback } from 'react';
-import type { Store } from '@storve/core';
-
-/**
- * A single entry in the devtools history buffer.
- * Mirrors the HistoryEntry type from storve/devtools without requiring a subpath import.
- */
-export interface HistoryEntry<S> {
-    state: S;
-    timestamp: number;
-    actionName: string;
-}
-
-/**
- * Internal shape of the __devtools property attached by withDevtools.
- * Defined locally to avoid importing internal storve implementation details.
- * @internal
- */
-interface DevtoolsShape<S> {
-    buffer: { entries: HistoryEntry<S>[]; cursor: number; capacity: number };
-    snapshots: Map<string, unknown>;
-}
-
-/**
- * Augmented store type with devtools properties.
- * @internal
- */
-type StoreWithDevtools<S extends object> = Store<S> & {
-    __devtools?: DevtoolsShape<S>;
-    canUndo?: boolean;
-    canRedo?: boolean;
-    history?: readonly HistoryEntry<S>[];
-    snapshots?: readonly string[];
-};
-
-
-/**
- * A React hook that subscribes to a devtools-enabled store and returns reactive devtools state.
- * 
- * @param store - The Storve store instance (must be wrapped with withDevtools)
- * @returns An object containing canUndo, canRedo, history, and snapshots.
- */
-export function useDevtools<S extends object>(store: Store<S>): {
-    canUndo: boolean;
-    canRedo: boolean;
-    history: readonly HistoryEntry<S>[];
-    snapshots: readonly string[];
-} {
-    const devStore = store as StoreWithDevtools<S>;
-
-    const subscribe = useCallback(
-        (callback: () => void) => store.subscribe(callback),
-        [store]
-    );
-
-    const getSnapshot = useCallback(() => {
-        const internals = devStore.__devtools;
-        if (!internals) return '';
-        // Combine stable markers to identify changes that require re-render
-        return `${internals.buffer.cursor}-${internals.snapshots.size}`;
-    }, [devStore]);
-
-    useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
-
-    // Return the actual properties from the store
-    // These are augmented by withDevtools extension
-    return {
-        canUndo: devStore.canUndo ?? false,
-        canRedo: devStore.canRedo ?? false,
-        history: devStore.history ?? [],
-        snapshots: devStore.snapshots ?? [],
-    };
-}
-

package/src/useStore.ts

@@ -1,83 +0,0 @@
-import { useSyncExternalStore, useRef, useCallback } from 'react'
-import type { Store, StoreState } from '@storve/core'
-import type { Selector, UseStoreResult } from './types'
-
-export function shallowEqual(a: unknown, b: unknown): boolean {
-    if (Object.is(a, b)) return true
-    if (typeof a !== 'object' || a === null || typeof b !== 'object' || b === null) return false
-    const keysA = Object.keys(a)
-    const keysB = Object.keys(b)
-    if (keysA.length !== keysB.length) return false
-    for (const k of keysA) {
-        if (
-            !Object.prototype.hasOwnProperty.call(b, k) ||
-            !Object.is(
-                (a as Record<string, unknown>)[k],
-                (b as Record<string, unknown>)[k]
-            )
-        ) return false
-    }
-    return true
-}
-
-export function useStore<D extends object, S = StoreState<D>>(
-    store: Store<D>,
-    selector?: Selector<D, S>
-): UseStoreResult<D, S> {
-    const lastResult = useRef<S | undefined>(undefined)
-    const hasUpdate = useRef(false)
-    const lastStore = useRef<Store<D> | null>(null)
-
-    const subscribe = useCallback(
-        (callback: () => void) => {
-            return store.subscribe(() => {
-                hasUpdate.current = true
-                callback()
-            })
-        },
-        [store]
-    )
-
-    const getSnapshot = useCallback((): S => {
-        const state = store.getState()
-
-        // Invalidate cache when store reference changes
-        if (store !== lastStore.current) {
-            lastStore.current = store
-            lastResult.current = undefined
-            hasUpdate.current = true
-        }
-
-        if (selector) {
-            const next = selector(state)
-            if (Object.is(next, lastResult.current)) return lastResult.current as S
-            if (
-                typeof next === 'object' &&
-                next !== null &&
-                lastResult.current !== undefined &&
-                shallowEqual(next, lastResult.current)
-            ) {
-                return lastResult.current as S
-            }
-            lastResult.current = next
-            return next
-        }
-
-        // No selector: return shallow copy when store updated
-        if (hasUpdate.current || lastResult.current === undefined) {
-            hasUpdate.current = false
-            lastResult.current = { ...state } as S  // ✅ just cache state, don't merge actions here
-        }
-        return lastResult.current as S
-    }, [store, selector])
-
-    const result = useSyncExternalStore(subscribe, getSnapshot, getSnapshot)
-
-    // Handle selector and no-selector cases separately
-    if (selector) {
-        return result as UseStoreResult<D, S>
-    }
-
-    // No selector — merge actions at return time only, not inside getSnapshot
-    return Object.assign({}, result as object, store.actions) as UseStoreResult<D, S>
-}

package/test_output.txt

@@ -1,234 +0,0 @@
-
-> reactflux-react@0.0.1 test /Users/dipanshusrivastava/Desktop/React Flux/packages/reactflux-react
-> vitest run --coverage && npx tsx benchmarks/week3.ts --filter reactflux-react --run
-
-
- RUN  v2.1.0 /Users/dipanshusrivastava/Desktop/React Flux/packages/reactflux-react
-      Coverage enabled with v8
-
-stderr | tests/selector.test.tsx > useStore with selector > selector returning object re-renders correctly
-Warning: The result of getSnapshot should be cached to avoid an infinite loop
-    at Test (/Users/dipanshusrivastava/Desktop/React Flux/packages/reactflux-react/tests/selector.test.tsx:85:41)
-Error: Uncaught [Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.]
-    at reportException (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/jsdom@24.1.3/node_modules/jsdom/lib/jsdom/living/helpers/runtime-script-errors.js:66:24)
-    at innerInvokeEventListeners (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/jsdom@24.1.3/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:353:9)
-    at invokeEventListeners (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/jsdom@24.1.3/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:286:3)
-    at HTMLUnknownElementImpl._dispatch (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/jsdom@24.1.3/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:233:9)
-    at HTMLUnknownElementImpl.dispatchEvent (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/jsdom@24.1.3/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:104:17)
-    at HTMLUnknownElement.dispatchEvent (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/jsdom@24.1.3/node_modules/jsdom/lib/jsdom/living/generated/EventTarget.js:241:34)
-    at Object.invokeGuardedCallbackDev (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:4213:16)
-    at invokeGuardedCallback (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:4277:31)
-    at reportUncaughtErrorInDEV (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:22877:5)
-    at captureCommitPhaseError (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:27165:5) Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.
-    at checkForNestedUpdates (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:27331:11)
-    at scheduleUpdateOnFiber (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:25514:3)
-    at forceStoreRerender (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:16158:5)
-    at updateStoreInstance (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:16124:5)
-    at commitHookEffectListMount (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:23189:26)
-    at commitPassiveMountOnFiber (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:24970:11)
-    at commitPassiveMountEffects_complete (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:24930:9)
-    at commitPassiveMountEffects_begin (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:24917:7)
-    at commitPassiveMountEffects (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:24905:3)
-    at flushPassiveEffectsImpl (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:27078:3)
-The above error occurred in the <Test> component:
-
-    at Test (/Users/dipanshusrivastava/Desktop/React Flux/packages/reactflux-react/tests/selector.test.tsx:85:41)
-
-Consider adding an error boundary to your tree to customize error handling behavior.
-Visit https://reactjs.org/link/error-boundaries to learn more about error boundaries.
-
-stderr | tests/selector.test.tsx > useStore with selector > selector returning array re-renders correctly
-Error: Uncaught [Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.]
-    at reportException (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/jsdom@24.1.3/node_modules/jsdom/lib/jsdom/living/helpers/runtime-script-errors.js:66:24)
-    at innerInvokeEventListeners (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/jsdom@24.1.3/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:353:9)
-    at invokeEventListeners (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/jsdom@24.1.3/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:286:3)
-    at HTMLUnknownElementImpl._dispatch (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/jsdom@24.1.3/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:233:9)
-    at HTMLUnknownElementImpl.dispatchEvent (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/jsdom@24.1.3/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:104:17)
-    at HTMLUnknownElement.dispatchEvent (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/jsdom@24.1.3/node_modules/jsdom/lib/jsdom/living/generated/EventTarget.js:241:34)
-    at Object.invokeGuardedCallbackDev (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:4213:16)
-    at invokeGuardedCallback (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:4277:31)
-    at reportUncaughtErrorInDEV (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:22877:5)
-    at captureCommitPhaseError (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:27165:5) Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.
-    at checkForNestedUpdates (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:27331:11)
-    at scheduleUpdateOnFiber (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:25514:3)
-    at forceStoreRerender (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:16158:5)
-    at updateStoreInstance (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:16124:5)
-    at commitHookEffectListMount (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:23189:26)
-    at commitPassiveMountOnFiber (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:24970:11)
-    at commitPassiveMountEffects_complete (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:24930:9)
-    at commitPassiveMountEffects_begin (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:24917:7)
-    at commitPassiveMountEffects (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:24905:3)
-    at flushPassiveEffectsImpl (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:27078:3)
-The above error occurred in the <Test> component:
-
-    at Test (/Users/dipanshusrivastava/Desktop/React Flux/packages/reactflux-react/tests/selector.test.tsx:103:43)
-
-Consider adding an error boundary to your tree to customize error handling behavior.
-Visit https://reactjs.org/link/error-boundaries to learn more about error boundaries.
-
- ❯ tests/selector.test.tsx  (15 tests | 2 failed) 50ms
-   × useStore with selector > selector returning object re-renders correctly
-     → Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.
-   × useStore with selector > selector returning array re-renders correctly
-     → Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.
- ❯ tests/useStore.test.tsx  (15 tests | 5 failed) 16ms
-   × useStore > returns updated state after setState called
-     → expect(element).toHaveTextContent()
-
-Expected element to have text content:
-  1
-Received:
-  0
-   × useStore > component re-renders when state changes
-     → expected "spy" to be called 2 times, but got 1 times
-   × useStore > component does NOT re-render when unrelated state changes
-     → expected "spy" to be called 2 times, but got 1 times
-   × useStore > multiple components using same store all update correctly
-     → expect(element).toHaveTextContent()
-
-Expected element to have text content:
-  5
-Received:
-  0
-   × useStore > multiple components using different stores are independent
-     → expect(element).toHaveTextContent()
-
-Expected element to have text content:
-  10
-Received:
-  1
- ✓ tests/lifecycle.test.tsx  (9 tests) 30ms
-stderr | tests/integration.test.tsx > integration scenarios > todo list — filter selector shows correct items
-Error: Uncaught [Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.]
-    at reportException (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/jsdom@24.1.3/node_modules/jsdom/lib/jsdom/living/helpers/runtime-script-errors.js:66:24)
-    at innerInvokeEventListeners (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/jsdom@24.1.3/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:353:9)
-    at invokeEventListeners (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/jsdom@24.1.3/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:286:3)
-    at HTMLUnknownElementImpl._dispatch (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/jsdom@24.1.3/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:233:9)
-    at HTMLUnknownElementImpl.dispatchEvent (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/jsdom@24.1.3/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:104:17)
-    at HTMLUnknownElement.dispatchEvent (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/jsdom@24.1.3/node_modules/jsdom/lib/jsdom/living/generated/EventTarget.js:241:34)
-    at Object.invokeGuardedCallbackDev (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:4213:16)
-    at invokeGuardedCallback (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:4277:31)
-    at reportUncaughtErrorInDEV (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:22877:5)
-    at captureCommitPhaseError (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:27165:5) Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.
-    at checkForNestedUpdates (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:27331:11)
-    at scheduleUpdateOnFiber (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:25514:3)
-    at forceStoreRerender (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:16158:5)
-    at updateStoreInstance (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:16124:5)
-    at commitHookEffectListMount (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:23189:26)
-    at commitPassiveMountOnFiber (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:24970:11)
-    at commitPassiveMountEffects_complete (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:24930:9)
-    at commitPassiveMountEffects_begin (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:24917:7)
-    at commitPassiveMountEffects (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:24905:3)
-    at flushPassiveEffectsImpl (/Users/dipanshusrivastava/Desktop/React Flux/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:27078:3)
-The above error occurred in the <VisibleTodos> component:
-
-    at VisibleTodos (/Users/dipanshusrivastava/Desktop/React Flux/packages/reactflux-react/tests/integration.test.tsx:49:46)
-
-Consider adding an error boundary to your tree to customize error handling behavior.
-Visit https://reactjs.org/link/error-boundaries to learn more about error boundaries.
-
- ❯ tests/integration.test.tsx  (5 tests | 1 failed) 52ms
-   × integration scenarios > todo list — filter selector shows correct items
-     → Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.
- ✓ tests/concurrent.test.tsx  (5 tests) 5ms
-
-⎯⎯⎯⎯⎯⎯⎯ Failed Tests 8 ⎯⎯⎯⎯⎯⎯⎯
-
- FAIL  tests/integration.test.tsx > integration scenarios > todo list — filter selector shows correct items
- FAIL  tests/selector.test.tsx > useStore with selector > selector returning object re-renders correctly
- FAIL  tests/selector.test.tsx > useStore with selector > selector returning array re-renders correctly
-Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.
- ❯ checkForNestedUpdates ../../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:27331:11
- ❯ scheduleUpdateOnFiber ../../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:25514:3
- ❯ forceStoreRerender ../../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:16158:5
- ❯ updateStoreInstance ../../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:16124:5
- ❯ commitHookEffectListMount ../../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:23189:26
- ❯ commitPassiveMountOnFiber ../../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:24970:11
- ❯ commitPassiveMountEffects_complete ../../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:24930:9
- ❯ commitPassiveMountEffects_begin ../../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:24917:7
- ❯ commitPassiveMountEffects ../../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:24905:3
- ❯ flushPassiveEffectsImpl ../../node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/cjs/react-dom.development.js:27078:3
-
-⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[1/8]⎯
-
- FAIL  tests/useStore.test.tsx > useStore > returns updated state after setState called
-Error: expect(element).toHaveTextContent()
-
-Expected element to have text content:
-  1
-Received:
-  0
- ❯ tests/useStore.test.tsx:39:45
-     37|             store.setState({ count: 1 })
-     38|         })
-     39|         expect(screen.getByTestId('count')).toHaveTextContent('1')
-       |                                             ^
-     40|     })
-     41| 
-
-⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[2/8]⎯
-
- FAIL  tests/useStore.test.tsx > useStore > component re-renders when state changes
-AssertionError: expected "spy" to be called 2 times, but got 1 times
- ❯ tests/useStore.test.tsx:55:27
-     53|             store.setState({ count: 1 })
-     54|         })
-     55|         expect(renderSpy).toHaveBeenCalledTimes(2)
-       |                           ^
-     56|     })
-     57| 
-
-⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[3/8]⎯
-
- FAIL  tests/useStore.test.tsx > useStore > component does NOT re-render when unrelated state changes
-AssertionError: expected "spy" to be called 2 times, but got 1 times
- ❯ tests/useStore.test.tsx:76:27
-     74|             store.setState({ b: 3 })
-     75|         })
-     76|         expect(renderSpy).toHaveBeenCalledTimes(2)
-       |                           ^
-     77|     })
-     78| 
-
-⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[4/8]⎯
-
- FAIL  tests/useStore.test.tsx > useStore > multiple components using same store all update correctly
-Error: expect(element).toHaveTextContent()
-
-Expected element to have text content:
-  5
-Received:
-  0
- ❯ tests/useStore.test.tsx:95:29
-     93|         })
-     94|         const elements = screen.getAllByTestId('count')
-     95|         expect(elements[0]).toHaveTextContent('5')
-       |                             ^
-     96|         expect(elements[1]).toHaveTextContent('5')
-     97|     })
-
-⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[5/8]⎯
-
- FAIL  tests/useStore.test.tsx > useStore > multiple components using different stores are independent
-Error: expect(element).toHaveTextContent()
-
-Expected element to have text content:
-  10
-Received:
-  1
- ❯ tests/useStore.test.tsx:119:41
-    117|             store1.setState({ a: 10 })
-    118|         })
-    119|         expect(screen.getByTestId('a')).toHaveTextContent('10')
-       |                                         ^
-    120|         expect(screen.getByTestId('b')).toHaveTextContent('2')
-    121|     })
-
-⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[6/8]⎯
-
- Test Files  3 failed | 2 passed (5)
-      Tests  8 failed | 41 passed (49)
-   Start at  18:08:59
-   Duration  1.01s (transform 67ms, setup 133ms, collect 70ms, tests 153ms, environment 342ms, prepare 50ms)
-
- ELIFECYCLE  Test failed. See above for more details.