@t8/react-store 1.0.6 → 1.0.8

package/dist/index.js

@@ -6,10 +6,10 @@ function isStore(x) {
 // node_modules/@t8/store/src/Store.ts
 var Store = class {
   state;
-  callbacks;
+  callbacks = [];
+  revision = -1;
   constructor(data) {
     this.state = data;
-    this.callbacks = [];
   }
   onUpdate(callback) {
     this.callbacks.push(callback);
@@ -26,6 +26,7 @@ var Store = class {
     let prevState = this.state;
     let nextState = update instanceof Function ? update(this.state) : update;
     this.state = nextState;
+    this.revision = Math.random();
     for (let callback of this.callbacks) callback(nextState, prevState);
   }
 };
@@ -38,6 +39,7 @@ function useStore(store, shouldUpdate = true) {
   let initedRef = useRef(false);
   let state = store.getState();
   let setState = useMemo(() => store.setState.bind(store), [store]);
+  let initialStoreRevision = useRef(store.revision);
   useEffect(() => {
     if (!shouldUpdate) return;
     let unsubscribe = store.onUpdate((nextState, prevState) => {
@@ -46,11 +48,13 @@ function useStore(store, shouldUpdate = true) {
     });
     if (!initedRef.current) {
       initedRef.current = true;
-      setRevision(Math.random());
+      if (store.revision !== initialStoreRevision.current)
+        setRevision(Math.random());
     }
     return () => {
       unsubscribe();
       initedRef.current = false;
+      initialStoreRevision.current = store.revision;
     };
   }, [store, shouldUpdate]);
   return [state, setState];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@t8/react-store",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "description": "Straightforward and minimalist shared state management for React apps",
   "main": "dist/index.js",
   "type": "module",
@@ -32,6 +32,6 @@
     "@types/react": "^19.1.10"
   },
   "dependencies": {
-    "@t8/store": "^1.0.1"
+    "@t8/store": "^1.1.1"
   }
 }

package/src/useStore.ts

@@ -33,6 +33,7 @@ export function useStore<T>(
 
     let state = store.getState();
     let setState = useMemo(() => store.setState.bind(store), [store]);
+    let initialStoreRevision = useRef(store.revision);
 
     useEffect(() => {
         if (!shouldUpdate) return;
@@ -45,14 +46,19 @@ export function useStore<T>(
                 setRevision(Math.random());
         });
 
+        // Trigger a rerender if the store state changed after the component
+        // last read it and before the component subscribed to its changes.
         if (!initedRef.current) {
             initedRef.current = true;
-            setRevision(Math.random());
+
+            if (store.revision !== initialStoreRevision.current)
+                setRevision(Math.random());
         }
 
         return () => {
             unsubscribe();
             initedRef.current = false;
+            initialStoreRevision.current = store.revision;
         };
     }, [store, shouldUpdate]);