nextauthz 1.0.1 → 1.0.3

package/dist/index.d.mts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import React__default, { ReactNode } from 'react';
 
 type AuthContextType<UserType> = {
-    user: UserType | any;
+    user: UserType | null;
     login: (tokens: Record<string, string>, user: UserType) => void;
     logout: () => void;
     setUser: (user: UserType) => void;

package/dist/index.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import React__default, { ReactNode } from 'react';
 
 type AuthContextType<UserType> = {
-    user: UserType | any;
+    user: UserType | null;
     login: (tokens: Record<string, string>, user: UserType) => void;
     logout: () => void;
     setUser: (user: UserType) => void;

package/dist/index.js

@@ -1790,14 +1790,17 @@ var useAuthStore = (0, import_zustand.create)((set) => ({
 // src/AuthProvider.tsx
 var import_jsx_runtime = __toESM(require_jsx_runtime());
 function createAuthContext(options) {
-  const storageType = options?.storage || "cookie";
-  (0, import_react_token_manager.configureTokenManager)({ storage: storageType });
-  const manager = (0, import_react_token_manager.useTokenManager)();
   const AuthContext = (0, import_react.createContext)(null);
   const AuthProvider2 = ({ children }) => {
+    const storageType = options?.storage || "cookie";
+    (0, import_react.useEffect)(() => {
+      (0, import_react_token_manager.configureTokenManager)({ storage: storageType });
+    }, [storageType]);
+    const manager = (0, import_react_token_manager.useTokenManager)();
     const [loading, setLoading] = (0, import_react.useState)(true);
-    const user = useAuthStore((state) => state.user);
+    const rawUser = useAuthStore((state) => state.user);
     const error = useAuthStore((state) => state.error);
+    const user = rawUser;
     (0, import_react.useEffect)(() => {
       const savedUser = manager.getSingleToken("user");
       if (savedUser) {
@@ -1805,13 +1808,15 @@ function createAuthContext(options) {
           const parsedUser = JSON.parse(savedUser);
           useAuthStore.getState().setUser(parsedUser);
           useAuthStore.getState().setError(null);
-        } catch (err) {
+        } catch {
           useAuthStore.getState().resetAuth();
-          useAuthStore.getState().setError(new Error("Failed to parse saved user"));
+          useAuthStore.getState().setError(
+            new Error("Failed to parse saved user")
+          );
         }
       }
       setLoading(false);
-    }, []);
+    }, [manager]);
     const setUser = (userData) => {
       useAuthStore.getState().setUser(userData);
       useAuthStore.getState().setError(null);
@@ -1822,7 +1827,9 @@ function createAuthContext(options) {
         manager.setTokens(tokens);
         setUser(userData);
       } catch (err) {
-        useAuthStore.getState().setError(err instanceof Error ? err : new Error(String(err)));
+        useAuthStore.getState().setError(
+          err instanceof Error ? err : new Error(String(err))
+        );
       }
     };
     const logout = () => {
@@ -1830,14 +1837,24 @@ function createAuthContext(options) {
         manager.clearTokens();
         useAuthStore.getState().resetAuth();
       } catch (err) {
-        useAuthStore.getState().setError(err instanceof Error ? err : new Error(String(err)));
+        useAuthStore.getState().setError(
+          err instanceof Error ? err : new Error(String(err))
+        );
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AuthContext.Provider, { value: { user, login, logout, setUser, loading, error }, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      AuthContext.Provider,
+      {
+        value: { user, login, logout, setUser, loading, error },
+        children
+      }
+    );
   };
   const useAuth2 = () => {
     const ctx = (0, import_react.useContext)(AuthContext);
-    if (!ctx) throw new Error("useAuth must be used inside AuthProvider");
+    if (!ctx) {
+      throw new Error("useAuth must be used inside AuthProvider");
+    }
     return ctx;
   };
   return { AuthProvider: AuthProvider2, useAuth: useAuth2 };

package/dist/index.mjs

@@ -1774,14 +1774,17 @@ var useAuthStore = create((set) => ({
 // src/AuthProvider.tsx
 var import_jsx_runtime = __toESM(require_jsx_runtime());
 function createAuthContext(options) {
-  const storageType = options?.storage || "cookie";
-  configureTokenManager({ storage: storageType });
-  const manager = useTokenManager();
   const AuthContext = (0, import_react.createContext)(null);
   const AuthProvider2 = ({ children }) => {
+    const storageType = options?.storage || "cookie";
+    (0, import_react.useEffect)(() => {
+      configureTokenManager({ storage: storageType });
+    }, [storageType]);
+    const manager = useTokenManager();
     const [loading, setLoading] = (0, import_react.useState)(true);
-    const user = useAuthStore((state) => state.user);
+    const rawUser = useAuthStore((state) => state.user);
     const error = useAuthStore((state) => state.error);
+    const user = rawUser;
     (0, import_react.useEffect)(() => {
       const savedUser = manager.getSingleToken("user");
       if (savedUser) {
@@ -1789,13 +1792,15 @@ function createAuthContext(options) {
           const parsedUser = JSON.parse(savedUser);
           useAuthStore.getState().setUser(parsedUser);
           useAuthStore.getState().setError(null);
-        } catch (err) {
+        } catch {
           useAuthStore.getState().resetAuth();
-          useAuthStore.getState().setError(new Error("Failed to parse saved user"));
+          useAuthStore.getState().setError(
+            new Error("Failed to parse saved user")
+          );
         }
       }
       setLoading(false);
-    }, []);
+    }, [manager]);
     const setUser = (userData) => {
       useAuthStore.getState().setUser(userData);
       useAuthStore.getState().setError(null);
@@ -1806,7 +1811,9 @@ function createAuthContext(options) {
         manager.setTokens(tokens);
         setUser(userData);
       } catch (err) {
-        useAuthStore.getState().setError(err instanceof Error ? err : new Error(String(err)));
+        useAuthStore.getState().setError(
+          err instanceof Error ? err : new Error(String(err))
+        );
       }
     };
     const logout = () => {
@@ -1814,14 +1821,24 @@ function createAuthContext(options) {
         manager.clearTokens();
         useAuthStore.getState().resetAuth();
       } catch (err) {
-        useAuthStore.getState().setError(err instanceof Error ? err : new Error(String(err)));
+        useAuthStore.getState().setError(
+          err instanceof Error ? err : new Error(String(err))
+        );
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AuthContext.Provider, { value: { user, login, logout, setUser, loading, error }, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      AuthContext.Provider,
+      {
+        value: { user, login, logout, setUser, loading, error },
+        children
+      }
+    );
   };
   const useAuth2 = () => {
     const ctx = (0, import_react.useContext)(AuthContext);
-    if (!ctx) throw new Error("useAuth must be used inside AuthProvider");
+    if (!ctx) {
+      throw new Error("useAuth must be used inside AuthProvider");
+    }
     return ctx;
   };
   return { AuthProvider: AuthProvider2, useAuth: useAuth2 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nextauthz",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

package/src/AuthProvider.tsx

@@ -1,11 +1,17 @@
 'use client'
 
-import React, { createContext, useContext, ReactNode, useState, useEffect } from 'react'
+import React, {
+  createContext,
+  useContext,
+  ReactNode,
+  useState,
+  useEffect,
+} from 'react'
 import { configureTokenManager, useTokenManager } from 'react-token-manager'
 import { useAuthStore } from '../store/useGuardStore'
 
 export type AuthContextType<UserType> = {
-  user: UserType | any
+  user: UserType | null
   login: (tokens: Record<string, string>, user: UserType) => void
   logout: () => void
   setUser: (user: UserType) => void
@@ -21,45 +27,62 @@ export type AuthContextOptions = {
  * Factory to create typed AuthProvider and useAuth hook
  */
 export function createAuthContext<UserType>(options?: AuthContextOptions) {
-  const storageType = options?.storage || 'cookie'
-  configureTokenManager({ storage: storageType })
-  const manager = useTokenManager()
-
   const AuthContext = createContext<AuthContextType<UserType> | null>(null)
 
   const AuthProvider = ({ children }: { children: ReactNode }) => {
+    const storageType = options?.storage || 'cookie'
+
+    // ✅ Configure token manager inside the component lifecycle
+    useEffect(() => {
+      configureTokenManager({ storage: storageType })
+    }, [storageType])
+
+    const manager = useTokenManager()
     const [loading, setLoading] = useState(true)
-    const user = useAuthStore((state) => state.user)
+
+    // Zustand state
+    const rawUser = useAuthStore((state) => state.user)
     const error = useAuthStore((state) => state.error)
 
+    const user = rawUser as UserType | null
+
     // Restore user on mount
     useEffect(() => {
       const savedUser = manager.getSingleToken('user')
+
       if (savedUser) {
         try {
           const parsedUser = JSON.parse(savedUser)
           useAuthStore.getState().setUser(parsedUser)
           useAuthStore.getState().setError(null)
-        } catch (err: any) {
+        } catch {
           useAuthStore.getState().resetAuth()
-          useAuthStore.getState().setError(new Error('Failed to parse saved user'))
+          useAuthStore.getState().setError(
+            new Error('Failed to parse saved user')
+          )
         }
       }
+
       setLoading(false)
-    }, [])
+    }, [manager])
 
-    const setUser = (userData: any) => {
-      useAuthStore.getState().setUser(userData)
+    const setUser = (userData: UserType) => {
+      useAuthStore.getState().setUser(userData as any)
       useAuthStore.getState().setError(null)
       manager.setTokens({ user: JSON.stringify(userData) })
     }
 
-    const login = (tokens: Record<string, string>, userData: UserType) => {
+    const login = (
+      tokens: Record<string, string>,
+      userData: UserType
+    ) => {
       try {
         manager.setTokens(tokens)
         setUser(userData)
-      } catch (err: any) {
-        useAuthStore.getState().setError(err instanceof Error ? err : new Error(String(err)))
+      } catch (err) {
+        useAuthStore.getState().setError(
+          err instanceof Error ? err : new Error(String(err))
+        )
       }
     }
 
@@ -67,13 +90,17 @@ export function createAuthContext<UserType>(options?: AuthContextOptions) {
       try {
         manager.clearTokens()
         useAuthStore.getState().resetAuth()
-      } catch (err: any) {
-        useAuthStore.getState().setError(err instanceof Error ? err : new Error(String(err)))
+      } catch (err) {
+        useAuthStore.getState().setError(
+          err instanceof Error ? err : new Error(String(err))
+        )
       }
     }
 
     return (
-      <AuthContext.Provider value={{ user, login, logout, setUser, loading, error }}>
+      <AuthContext.Provider
+        value={{ user, login, logout, setUser, loading, error }}
+      >
         {children}
       </AuthContext.Provider>
     )
@@ -81,7 +108,9 @@ export function createAuthContext<UserType>(options?: AuthContextOptions) {
 
   const useAuth = (): AuthContextType<UserType> => {
     const ctx = useContext(AuthContext)
-    if (!ctx) throw new Error('useAuth must be used inside AuthProvider')
+    if (!ctx) {
+      throw new Error('useAuth must be used inside AuthProvider')
+    }
     return ctx
   }