@quanta-lib/q-state 1.1.5 → 1.1.7

package/README.md

@@ -2,11 +2,11 @@
 
 A lightweight React state management engine using `useSyncExternalStore` with optional localStorage caching and value transformation.
 
-# small issue
+# Small issue (FIXED)
 
 Hey i have an isssue, when you use nextjs with this library, just copy the engine code in the q-state file
 because this library had hydration issue, after you copy it, use it inside your src file, so this library can work
-well in nextjs, im sorry for that...
+well in nextjs, im sorry for that... (BUG FIXED, Q-STATE COMPATIBLE WITH NEXTJS NOW!)
 
 # Github link
 

package/dist/Q-State-Engine.js

@@ -23,7 +23,13 @@ var Q_StateEngine = /** @class */ (function () {
             _this.listener.forEach(function (cb) { return cb(); });
         };
         this.useQuantaState = function (key) {
-            var getCurr = function () {
+            (0, react_1.useEffect)(function () {
+                var _a;
+                if (!((_a = _this.option) === null || _a === void 0 ? void 0 : _a.cache) && typeof window !== 'undefined') {
+                    localStorage.removeItem(key);
+                }
+            }, []);
+            var getCurrAfterRender = function () {
                 var _a;
                 if (((_a = _this.option) === null || _a === void 0 ? void 0 : _a.cache) && typeof window !== "undefined") {
                     var getcache = localStorage.getItem(key);
@@ -42,7 +48,8 @@ var Q_StateEngine = /** @class */ (function () {
                 }
                 return _this.obj[key];
             };
-            var syncSpecificData = (0, react_1.useSyncExternalStore)(_this.subsribe, getCurr);
+            var defaultValue = null;
+            var syncSpecificData = (0, react_1.useSyncExternalStore)(_this.subsribe, function () { return getCurrAfterRender(); }, function () { return defaultValue; });
             return [syncSpecificData];
         };
         this.obj = state;

package/package.json

@@ -1,9 +1,12 @@
 {
   "name": "@quanta-lib/q-state",
-  "version": "1.1.5",
+  "version": "1.1.7",
   "description": "A lightweight React state management library using `useSyncExternalStore` with optional localStorage caching and value transformation.",
   "main": "dist/Q-State-Engine.js",
   "types": "src/Q-State-Engine.ts",
+  "peerDependencies": {
+    "react": ">=18.0.0"
+  },
   "files": [
     "dist",
     "src"

package/src/Q-State-Engine.ts

@@ -1,4 +1,4 @@
-import { useSyncExternalStore } from "react"
+import { useEffect, useSyncExternalStore } from "react"
 
 interface OptionRecord {
   cache: boolean
@@ -38,6 +38,11 @@ export class Q_StateEngine
   }
 
 useQuantaState = <K extends keyof T>(key: K): [T[K]] => {
+  useEffect(() => {
+      if (!this.option?.cache && typeof window !== 'undefined') {
+        localStorage.removeItem(key as string)
+      }
+    }, [])
     const getCurrAfterRender = () => {
       if (this.option?.cache && typeof window !== "undefined") {
         const getcache = localStorage.getItem(key as string)