nextauthz 1.0.6 → 1.0.8

package/dist/index.d.mts

@@ -36,7 +36,7 @@ type RoleGuardProps = {
     allowedRoles: string[];
     redirectTo?: string;
 };
-declare const RoleGuard: ({ children, allowedRoles, redirectTo, }: RoleGuardProps) => react_jsx_runtime.JSX.Element;
+declare const RoleGuard: React__default.FC<RoleGuardProps>;
 
 type User = {
     [key: string]: any;

package/dist/index.d.ts

@@ -36,7 +36,7 @@ type RoleGuardProps = {
     allowedRoles: string[];
     redirectTo?: string;
 };
-declare const RoleGuard: ({ children, allowedRoles, redirectTo, }: RoleGuardProps) => react_jsx_runtime.JSX.Element;
+declare const RoleGuard: React__default.FC<RoleGuardProps>;
 
 type User = {
     [key: string]: any;

package/dist/index.js

@@ -1791,7 +1791,7 @@ var useAuthStore = (0, import_zustand.create)((set) => ({
 var import_jsx_runtime = __toESM(require_jsx_runtime());
 function createAuthContext(options) {
   const AuthContext = (0, import_react.createContext)(null);
-  const AuthProvider2 = ({ children }) => {
+  const AuthProvider = ({ children }) => {
     const storageType = options?.storage || "cookie";
     (0, import_react.useEffect)(() => {
       (0, import_react_token_manager.configureTokenManager)({ storage: storageType });
@@ -1850,12 +1850,12 @@ function createAuthContext(options) {
       }
     );
   };
-  const useAuth2 = () => {
+  const useAuth = () => {
     const ctx = (0, import_react.useContext)(AuthContext);
     if (!ctx) throw new Error("useAuth must be used inside AuthProvider");
     return ctx;
   };
-  return { AuthProvider: AuthProvider2, useAuth: useAuth2 };
+  return { AuthProvider, useAuth };
 }
 
 // src/AuthGuard.tsx
@@ -1917,7 +1917,7 @@ var import_react3 = __toESM(require_react());
 var import_navigation2 = require("next/navigation");
 
 // src/myAuth.ts
-var { AuthProvider, useAuth } = createAppAuth();
+var auth = createAppAuth();
 
 // src/RoleGuard.tsx
 var import_jsx_runtime3 = __toESM(require_jsx_runtime());
@@ -1926,6 +1926,7 @@ var RoleGuard = ({
   allowedRoles,
   redirectTo = "/unauthorized"
 }) => {
+  const { useAuth } = auth;
   const { user, loading } = useAuth();
   const router = (0, import_navigation2.useRouter)();
   const [isChecking, setIsChecking] = (0, import_react3.useState)(true);

package/dist/index.mjs

@@ -1775,7 +1775,7 @@ var useAuthStore = create((set) => ({
 var import_jsx_runtime = __toESM(require_jsx_runtime());
 function createAuthContext(options) {
   const AuthContext = (0, import_react.createContext)(null);
-  const AuthProvider2 = ({ children }) => {
+  const AuthProvider = ({ children }) => {
     const storageType = options?.storage || "cookie";
     (0, import_react.useEffect)(() => {
       configureTokenManager({ storage: storageType });
@@ -1834,12 +1834,12 @@ function createAuthContext(options) {
       }
     );
   };
-  const useAuth2 = () => {
+  const useAuth = () => {
     const ctx = (0, import_react.useContext)(AuthContext);
     if (!ctx) throw new Error("useAuth must be used inside AuthProvider");
     return ctx;
   };
-  return { AuthProvider: AuthProvider2, useAuth: useAuth2 };
+  return { AuthProvider, useAuth };
 }
 
 // src/AuthGuard.tsx
@@ -1901,7 +1901,7 @@ var import_react3 = __toESM(require_react());
 import { useRouter as useRouter2 } from "next/navigation";
 
 // src/myAuth.ts
-var { AuthProvider, useAuth } = createAppAuth();
+var auth = createAppAuth();
 
 // src/RoleGuard.tsx
 var import_jsx_runtime3 = __toESM(require_jsx_runtime());
@@ -1910,6 +1910,7 @@ var RoleGuard = ({
   allowedRoles,
   redirectTo = "/unauthorized"
 }) => {
+  const { useAuth } = auth;
   const { user, loading } = useAuth();
   const router = useRouter2();
   const [isChecking, setIsChecking] = (0, import_react3.useState)(true);

package/package.json

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

package/src/RoleGuard.tsx

@@ -2,7 +2,7 @@
 
 import React, { useEffect, useState } from 'react'
 import { useRouter } from 'next/navigation'
-import { useAuth } from './myAuth'
+import { auth } from './myAuth'
 
 type RoleGuardProps = {
   children: React.ReactNode
@@ -10,12 +10,15 @@ type RoleGuardProps = {
   redirectTo?: string
 }
 
-const RoleGuard = ({
+const RoleGuard: React.FC<RoleGuardProps> = ({
   children,
   allowedRoles,
   redirectTo = '/unauthorized',
-}: RoleGuardProps) => {
+}) => {
+  // ✅ Destructure useAuth INSIDE the component
+  const { useAuth } = auth
   const { user, loading } = useAuth()
+
   const router = useRouter()
   const [isChecking, setIsChecking] = useState(true)
 

package/src/myAuth.ts

@@ -1,7 +1,4 @@
-import { createAppAuth } from "."
-
-
-export type User = any
-
-// Create typed AuthProvider and useAuth hook
-export const { AuthProvider, useAuth } = createAppAuth()
+// myAuth.ts
+'use client'
+import { createAppAuth } from '.'
+export const auth = createAppAuth() // { AuthProvider, useAuth }