@storve/react 1.0.0

package/test_output.txt

@@ -0,0 +1,234 @@
+
+> 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.

package/tests/computed.react.test.tsx

@@ -0,0 +1,71 @@
+import { render, screen, act } from '@testing-library/react'
+import { createStore } from '@storve/core'
+import { computed } from '@storve/core/computed'
+import { useStore } from '../src/useStore'
+import { expect, it, describe, vi } from 'vitest'
+import React from 'react'
+
+describe('useStore with computed values', () => {
+    it('component using computed selector re-renders when computed result changes', () => {
+        const store = createStore({
+            count: 0,
+            doubled: computed((s: { count: number }) => s.count * 2),
+        })
+        const renderSpy = vi.fn()
+        function Test() {
+            renderSpy()
+            const doubled = useStore(store, (s) => s.doubled)
+            return <div data-testid="val">{doubled}</div>
+        }
+        render(<Test />)
+        expect(screen.getByTestId('val')).toHaveTextContent('0')
+        expect(renderSpy).toHaveBeenCalledTimes(1)
+
+        act(() => {
+            store.setState({ count: 1 })
+        })
+        expect(screen.getByTestId('val')).toHaveTextContent('2')
+        expect(renderSpy).toHaveBeenCalledTimes(2)
+    })
+
+    it('component does NOT re-render when only unrelated state changes', () => {
+        const store = createStore({
+            count: 0,
+            other: 0,
+            doubled: computed((s: { count: number }) => s.count * 2),
+        })
+        const renderSpy = vi.fn()
+        function Test() {
+            renderSpy()
+            const doubled = useStore(store, (s) => s.doubled)
+            return <div data-testid="val">{doubled}</div>
+        }
+        render(<Test />)
+        expect(renderSpy).toHaveBeenCalledTimes(1)
+
+        act(() => {
+            store.setState({ other: 1 })
+        })
+        expect(renderSpy).toHaveBeenCalledTimes(1)
+        expect(screen.getByTestId('val')).toHaveTextContent('0')
+    })
+
+    it('component re-renders when computed result changes after dependency update', () => {
+        const store = createStore({
+            a: 1,
+            b: 2,
+            sum: computed((s: { a: number; b: number }) => s.a + s.b),
+        })
+        function Test() {
+            const sum = useStore(store, (s) => s.sum)
+            return <div data-testid="sum">{sum}</div>
+        }
+        render(<Test />)
+        expect(screen.getByTestId('sum')).toHaveTextContent('3')
+
+        act(() => {
+            store.setState({ a: 10 })
+        })
+        expect(screen.getByTestId('sum')).toHaveTextContent('12')
+    })
+})

package/tests/concurrent.test.tsx

@@ -0,0 +1,101 @@
+import { render, screen, act } from '@testing-library/react'
+import { createStore } from '@storve/core'
+import { useStore } from '../src/useStore'
+import { expect, it, describe, vi } from 'vitest'
+import React, { StrictMode, Suspense, startTransition } from 'react'
+
+describe('concurrent mode', () => {
+    it('works with React.StrictMode — double invoke safe', () => {
+        const store = createStore({ count: 0 })
+        const subscribeSpy = vi.spyOn(store, 'subscribe')
+
+        function Test() {
+            useStore(store)
+            return null
+        }
+
+        render(
+            <StrictMode>
+                <Test />
+            </StrictMode>
+        )
+
+        // StrictMode might double-invoke effects/hooks initialization in dev
+        // useSyncExternalStore handles this internally.
+        expect(subscribeSpy).toHaveBeenCalled()
+    })
+
+    it('no tearing — all components see consistent state snapshot', () => {
+        const store = createStore({ count: 0 })
+
+        function Display() {
+            const count = useStore(store, s => s.count)
+            return <div data-testid="count">{count}</div>
+        }
+
+        render(
+            <>
+                <Display />
+                <Display />
+                <Display />
+            </>
+        )
+
+        act(() => {
+            store.setState({ count: 1 })
+        })
+
+        const elements = screen.getAllByTestId('count')
+        const values = elements.map(el => el.textContent)
+        expect(new Set(values).size).toBe(1)
+        expect(values[0]).toBe('1')
+    })
+
+    it('works inside Suspense boundary', async () => {
+        const store = createStore({ data: 'ready' })
+
+        function Content() {
+            const data = useStore(store, s => s.data)
+            return <div>{data}</div>
+        }
+
+        render(
+            <Suspense fallback={<div>Loading...</div>}>
+                <Content />
+            </Suspense>
+        )
+
+        expect(screen.getByText('ready')).toBeInTheDocument()
+    })
+
+    it('state update inside startTransition updates correctly', () => {
+        const store = createStore({ count: 0 })
+
+        function Counter() {
+            const count = useStore(store, s => s.count)
+            return <div data-testid="count">{count}</div>
+        }
+
+        render(<Counter />)
+
+        act(() => {
+            startTransition(() => {
+                store.setState({ count: 1 })
+            })
+        })
+
+        expect(screen.getByTestId('count')).toHaveTextContent('1')
+    })
+
+    it('getSnapshot returns stable reference when state unchanged', () => {
+        const store = createStore({ a: 1 })
+        const state1 = store.getState()
+        const state2 = store.getState()
+
+        // Storve core ensures getState returns same Proxy reference if no changes
+        expect(state1).toBe(state2)
+
+        // useStore uses store.getState() internally via useSyncExternalStore's getSnapshot
+        // We can't easily inspect useSyncExternalStore internal state, but we verified getState() stability.
+    })
+})

package/tests/index.test.tsx

@@ -0,0 +1,29 @@
+import { render, screen } from '@testing-library/react'
+import { createStore } from '@storve/core'
+import { useStore } from '../src/index'
+import type { Selector } from '../src/index'
+import { expect, it, describe } from 'vitest'
+import React from 'react'
+
+describe('index (public API)', () => {
+    it('useStore exported from index works correctly', () => {
+        const store = createStore({ count: 0 })
+        function Counter() {
+            const state = useStore(store)
+            return <div data-testid="count">{state.count}</div>
+        }
+        render(<Counter />)
+        expect(screen.getByTestId('count')).toHaveTextContent('0')
+    })
+
+    it('Selector type can be used with useStore', () => {
+        const store = createStore({ a: 1, b: 2 })
+        const selector: Selector<{ a: number; b: number }, number> = (s) => s.a + s.b
+        function Test() {
+            const sum = useStore(store, selector)
+            return <div data-testid="sum">{sum}</div>
+        }
+        render(<Test />)
+        expect(screen.getByTestId('sum')).toHaveTextContent('3')
+    })
+})

package/tests/integration.test.tsx

@@ -0,0 +1,135 @@
+import { render, screen, act } from '@testing-library/react'
+import { createStore } from '@storve/core'
+import { useStore } from '../src/useStore'
+import { expect, it, describe, vi } from 'vitest'
+import React from 'react'
+
+describe('integration scenarios', () => {
+    it('counter component — increment updates UI', () => {
+        const store = createStore({ count: 0 })
+        const increment = () => store.setState((s) => ({ count: s.count + 1 }))
+
+        function Counter() {
+            const count = useStore(store, s => s.count)
+            return (
+                <div>
+                    <span data-testid="count">{count}</span>
+                    <button onClick={increment}>+</button>
+                </div>
+            )
+        }
+
+        render(<Counter />)
+        expect(screen.getByTestId('count')).toHaveTextContent('0')
+
+        act(() => {
+            screen.getByText('+').click()
+        })
+        expect(screen.getByTestId('count')).toHaveTextContent('1')
+    })
+
+    it('todo list — add item renders new item', () => {
+        const store = createStore({ todos: [] as string[] })
+        const addTodo = (text: string) => store.setState(s => ({ todos: [...s.todos, text] }))
+
+        function TodoList() {
+            const todos = useStore(store, s => s.todos)
+            return (
+                <ul>
+                    {todos.map((t, i) => <li key={i}>{t}</li>)}
+                </ul>
+            )
+        }
+
+        render(<TodoList />)
+        expect(screen.queryByRole('listitem')).not.toBeInTheDocument()
+
+        act(() => {
+            addTodo('Learn Storve')
+        })
+        expect(screen.getByRole('listitem')).toHaveTextContent('Learn Storve')
+    })
+
+    it('todo list — filter selector shows correct items', () => {
+        const store = createStore({
+            todos: [
+                { id: 1, text: 'A', done: true },
+                { id: 2, text: 'B', done: false }
+            ],
+            filter: 'all' as 'all' | 'done' | 'pending'
+        })
+
+        function VisibleTodos() {
+            const filtered = useStore(store, s => {
+                if (s.filter === 'done') return s.todos.filter(t => t.done)
+                if (s.filter === 'pending') return s.todos.filter(t => !t.done)
+                return s.todos
+            })
+            return (
+                <ul>
+                    {filtered.map(t => <li key={t.id}>{t.text}</li>)}
+                </ul>
+            )
+        }
+
+        render(<VisibleTodos />)
+        expect(screen.getAllByRole('listitem')).toHaveLength(2)
+
+        act(() => {
+            store.setState({ filter: 'done' })
+        })
+        expect(screen.getAllByRole('listitem')).toHaveLength(1)
+        expect(screen.getByRole('listitem')).toHaveTextContent('A')
+    })
+
+    it('rapid state updates (100 in loop) — UI stays consistent', () => {
+        const store = createStore({ count: 0 })
+        function Counter() {
+            const count = useStore(store, s => s.count)
+            return <div data-testid="count">{count}</div>
+        }
+        render(<Counter />)
+
+        act(() => {
+            for (let i = 0; i < 100; i++) {
+                store.setState(s => ({ count: s.count + 1 }))
+            }
+        })
+        expect(screen.getByTestId('count')).toHaveTextContent('100')
+    })
+
+    it('sibling components — one updates, only affected re-renders', () => {
+        const store = createStore({ a: 0, b: 0 })
+        const renderSpyA = vi.fn()
+        const renderSpyB = vi.fn()
+
+        function ComponentA() {
+            renderSpyA()
+            const a = useStore(store, s => s.a)
+            return <div>{a}</div>
+        }
+
+        function ComponentB() {
+            renderSpyB()
+            const b = useStore(store, s => s.b)
+            return <div>{b}</div>
+        }
+
+        render(
+            <>
+                <ComponentA />
+                <ComponentB />
+            </>
+        )
+
+        renderSpyA.mockClear()
+        renderSpyB.mockClear()
+
+        act(() => {
+            store.setState({ a: 1 })
+        })
+
+        expect(renderSpyA).toHaveBeenCalledTimes(1)
+        expect(renderSpyB).toHaveBeenCalledTimes(0)
+    })
+})