@quanta-lib/q-state 1.1.0 → 1.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quanta-lib/q-state",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "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",

package/src/Q-State-Engine.ts

@@ -38,7 +38,7 @@ export class Q_StateEngine
   }
 
 useQuantaState = <K extends keyof T>(key: K): [T[K]] => {
-    const getCurr = () => {
+    const getCurrAfterRender = () => {
       if (this.option?.cache && typeof window !== "undefined") {
         const getcache = localStorage.getItem(key as string)
         if (getcache !== null && getcache !== 'undefined') {
@@ -55,11 +55,21 @@ useQuantaState = <K extends keyof T>(key: K): [T[K]] => {
       }
       return this.obj[key]
     }
+    let isHydrated = false
+    const defaultValue = null
     const syncSpecificData = useSyncExternalStore(
       this.subsribe,
-      getCurr,
-      () => this.obj[key]
+      () => {
+        if (!isHydrated) {
+          if (typeof window !== 'undefined') {
+            setTimeout(() => { isHydrated = true }, 0);
+          }
+          return defaultValue
+        }
+        return getCurrAfterRender()
+      },
+      () => defaultValue
     )
-    return [syncSpecificData]
+    return [syncSpecificData] as [T[K]]
   }
 }