@b3dotfun/sdk 0.1.65-alpha.1 → 0.1.65-alpha.2

package/dist/cjs/global-account/react/hooks/useUserQuery.js

@@ -14,6 +14,16 @@ function useUserQuery() {
     const user = (0, userStore_1.useUserStore)(state => state.user);
     const setUserStore = (0, userStore_1.useUserStore)(state => state.setUser);
     const clearUserStore = (0, userStore_1.useUserStore)(state => state.clearUser);
+    // Manually rehydrate persisted store inside useLayoutEffect to avoid
+    // updating AuthenticationProvider state during Hydrate render.
+    // useLayoutEffect (not useEffect) ensures rehydration triggers a
+    // synchronous re-render before any useEffect callbacks fire, so
+    // downstream effects always see the persisted user value.
+    (0, react_1.useLayoutEffect)(() => {
+        if (!userStore_1.useUserStore.persist.hasHydrated()) {
+            userStore_1.useUserStore.persist.rehydrate();
+        }
+    }, []);
     // Listen for storage events from other tabs/windows
     (0, react_1.useEffect)(() => {
         const handleStorageChange = (e) => {

package/dist/cjs/global-account/react/stores/userStore.js

@@ -22,6 +22,7 @@ exports.useUserStore = (0, zustand_1.create)()((0, middleware_1.persist)(set =>
     },
 }), {
     name: "b3-user",
+    skipHydration: true,
     onRehydrateStorage: () => (_, error) => {
         if (error) {
             console.warn("Failed to rehydrate user store:", error);

package/dist/esm/global-account/react/hooks/useUserQuery.js

@@ -1,4 +1,4 @@
-import { useEffect } from "react";
+import { useEffect, useLayoutEffect } from "react";
 import { useUserStore } from "../stores/userStore.js";
 const USER_QUERY_KEY = ["b3-user"];
 /**
@@ -11,6 +11,16 @@ export function useUserQuery() {
     const user = useUserStore(state => state.user);
     const setUserStore = useUserStore(state => state.setUser);
     const clearUserStore = useUserStore(state => state.clearUser);
+    // Manually rehydrate persisted store inside useLayoutEffect to avoid
+    // updating AuthenticationProvider state during Hydrate render.
+    // useLayoutEffect (not useEffect) ensures rehydration triggers a
+    // synchronous re-render before any useEffect callbacks fire, so
+    // downstream effects always see the persisted user value.
+    useLayoutEffect(() => {
+        if (!useUserStore.persist.hasHydrated()) {
+            useUserStore.persist.rehydrate();
+        }
+    }, []);
     // Listen for storage events from other tabs/windows
     useEffect(() => {
         const handleStorageChange = (e) => {

package/dist/esm/global-account/react/stores/userStore.js

@@ -19,6 +19,7 @@ export const useUserStore = create()(persist(set => ({
     },
 }), {
     name: "b3-user",
+    skipHydration: true,
     onRehydrateStorage: () => (_, error) => {
         if (error) {
             console.warn("Failed to rehydrate user store:", error);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@b3dotfun/sdk",
-  "version": "0.1.65-alpha.1",
+  "version": "0.1.65-alpha.2",
   "source": "src/index.ts",
   "main": "./dist/cjs/index.js",
   "react-native": "./dist/cjs/index.native.js",

package/src/global-account/react/hooks/useUserQuery.ts

@@ -1,5 +1,5 @@
 import { Users } from "@b3dotfun/b3-api";
-import { useEffect } from "react";
+import { useEffect, useLayoutEffect } from "react";
 import { useUserStore } from "../stores/userStore";
 
 const USER_QUERY_KEY = ["b3-user"];
@@ -15,6 +15,17 @@ export function useUserQuery() {
   const setUserStore = useUserStore(state => state.setUser);
   const clearUserStore = useUserStore(state => state.clearUser);
 
+  // Manually rehydrate persisted store inside useLayoutEffect to avoid
+  // updating AuthenticationProvider state during Hydrate render.
+  // useLayoutEffect (not useEffect) ensures rehydration triggers a
+  // synchronous re-render before any useEffect callbacks fire, so
+  // downstream effects always see the persisted user value.
+  useLayoutEffect(() => {
+    if (!useUserStore.persist.hasHydrated()) {
+      useUserStore.persist.rehydrate();
+    }
+  }, []);
+
   // Listen for storage events from other tabs/windows
   useEffect(() => {
     const handleStorageChange = (e: StorageEvent) => {

package/src/global-account/react/stores/userStore.ts

@@ -31,6 +31,7 @@ export const useUserStore = create<UserStore>()(
     }),
     {
       name: "b3-user",
+      skipHydration: true,
       onRehydrateStorage: () => (_, error) => {
         if (error) {
           console.warn("Failed to rehydrate user store:", error);